Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-26 11:34:14 +00:00
Code Issues Projects Releases Wiki Activity

Move some code out of font.js

Browse source
This commit is contained in:
Jordan Eldredge 2016-07-05 21:03:52 -07:00
parent c5f3f91fe7
commit 3a119416ba
2 changed files with 39 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

29
js/font.js
View file

@ -19,16 +19,10 @@ module.exports = function() {
// Style/populate a <div> to display a character
this.displayCharacterInNode = function(character, node) {
var position = this._fontLookup[character] || this._fontLookup[' '];
var verticalOffset = position[0] * 6;
var horizontalOffset = position[1] * 5;
var x = '-' + horizontalOffset + 'px';
var y = '-' + verticalOffset + 'px';
node.style.backgroundPosition = x + ' ' + y;
character = character.toString();
var className = 'character-' + character.charCodeAt(0);
node.classList.add('character');
node.innerHTML = character;
node.classList.add(className);
return node;
};
@ -40,21 +34,4 @@ module.exports = function() {
return div;
};
/* TODO: There are too many " " and "_" characters */
this._fontLookup = {
'a': [0, 0], 'b': [0, 1], 'c': [0, 2], 'd': [0, 3], 'e': [0, 4], 'f': [0, 5],
'g': [0, 6], 'h': [0, 7], 'i': [0, 8], 'j': [0, 9], 'k': [0, 10],
'l': [0, 11], 'm': [0, 12], 'n': [0, 13], 'o': [0, 14], 'p': [0, 15],
'q': [0, 16], 'r': [0, 17], 's': [0, 18], 't': [0, 19], 'u': [0, 20],
'v': [0, 21], 'w': [0, 22], 'x': [0, 23], 'y': [0, 24], 'z': [0, 25],
'"': [0, 26], '@': [0, 27], '0': [1, 0], '1': [1, 1],
'2': [1, 2], '3': [1, 3], '4': [1, 4], '5': [1, 5], '6': [1, 6], '7': [1, 7],
'8': [1, 8], '9': [1, 9], '_': [1, 11], ':': [1, 12],
'(': [1, 13], ')': [1, 14], '-': [1, 15], "'": [1, 16], '!': [1, 17],
'+': [1, 19], '\\': [1, 20], '/': [1, 21], '[': [1, 22],
']': [1, 23], '^': [1, 24], '&': [1, 25], '%': [1, 26], '.': [1, 27],
'=': [1, 28], '$': [1, 29], '#': [1, 30], 'Å': [2, 0], 'Ö': [2, 1],
'Ä': [2, 2], '?': [2, 3], '*': [2, 4], ' ': [2, 5], '<': [1, 22],
'>': [1, 23], '{': [1, 22], '}': [1, 23]
};
};

39
js/skin-sprites.js
View file

@ -1,3 +1,38 @@
/* TODO: There are too many " " and "_" characters */
var FONT_LOOKUP = {
'a': [0, 0], 'b': [0, 1], 'c': [0, 2], 'd': [0, 3], 'e': [0, 4], 'f': [0, 5],
'g': [0, 6], 'h': [0, 7], 'i': [0, 8], 'j': [0, 9], 'k': [0, 10],
'l': [0, 11], 'm': [0, 12], 'n': [0, 13], 'o': [0, 14], 'p': [0, 15],
'q': [0, 16], 'r': [0, 17], 's': [0, 18], 't': [0, 19], 'u': [0, 20],
'v': [0, 21], 'w': [0, 22], 'x': [0, 23], 'y': [0, 24], 'z': [0, 25],
'"': [0, 26], '@': [0, 27], '0': [1, 0], '1': [1, 1],
'2': [1, 2], '3': [1, 3], '4': [1, 4], '5': [1, 5], '6': [1, 6], '7': [1, 7],
'8': [1, 8], '9': [1, 9], '_': [1, 11], ':': [1, 12],
'(': [1, 13], ')': [1, 14], '-': [1, 15], "'": [1, 16], '!': [1, 17],
'+': [1, 19], '\\': [1, 20], '/': [1, 21], '[': [1, 22],
']': [1, 23], '^': [1, 24], '&': [1, 25], '%': [1, 26], '.': [1, 27],
'=': [1, 28], '$': [1, 29], '#': [1, 30], 'Å': [2, 0], 'Ö': [2, 1],
'Ä': [2, 2], '?': [2, 3], '*': [2, 4], ' ': [2, 5], '<': [1, 22],
'>': [1, 23], '{': [1, 22], '}': [1, 23]
};
var CHAR_X = 5;
var CHAR_Y = 6;
var characterSprites = [];
for (var key in FONT_LOOKUP) {
if (FONT_LOOKUP.hasOwnProperty(key)) {
var position = FONT_LOOKUP[key];
characterSprites.push({
selectors: ['.character-' + key.charCodeAt(0)],
y: position[0] * CHAR_Y,
x: position[1] * CHAR_X,
width: CHAR_X,
height: CHAR_Y
});
}
}
module.exports = [
{
img: 'BALANCE',
@ -121,9 +156,7 @@ module.exports = [
},
{
img: 'TEXT',
sprites: [
{selectors: ['.character'], x: 0, y: 0, width: 155, height: 74}
]
sprites: characterSprites
},
{
img: 'TITLEBAR',