mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-21 17:18:52 +00:00
78 lines
2.7 KiB
JavaScript
78 lines
2.7 KiB
JavaScript
// Manage rendering text from this skin's text.bmp file
|
|
define({
|
|
|
|
// Fill a node with a <div> containing character <div>s
|
|
setNodeToString: function(node, string) {
|
|
var stringElement = this._stringNode(string);
|
|
node.innerHTML = '';
|
|
node.appendChild(stringElement);
|
|
},
|
|
|
|
// Get a <div> containing char
|
|
characterNode: function(char) {
|
|
return this.displayCharacterInNode(char, document.createElement('div'));
|
|
},
|
|
|
|
// Style/populate a <div> to display a character
|
|
displayCharacterInNode: function(character, node) {
|
|
var position = this._getCharPosition(character);
|
|
var row = position[0];
|
|
var column = position[1];
|
|
var verticalOffset = row * 6;
|
|
var horizontalOffset = column * 5;
|
|
|
|
var x = '-' + horizontalOffset + 'px';
|
|
var y = '-' + verticalOffset + 'px';
|
|
node.style.backgroundPosition = x + ' ' + y;
|
|
node.classList.add('character');
|
|
|
|
node.innerHTML = character;
|
|
return node;
|
|
},
|
|
|
|
// Get a <div> containing a digit
|
|
digitNode: function(digit) {
|
|
var div = document.createElement('div');
|
|
div.classList.add('digit');
|
|
div.classList.add('digit-' + digit);
|
|
return div;
|
|
},
|
|
|
|
|
|
// Get a <div> containing character <div>s
|
|
_stringNode: function(string) {
|
|
var parentDiv = document.createElement('div');
|
|
for (var i = 0, len = string.length; i < len; i++) {
|
|
var char = string[i].toLowerCase();
|
|
parentDiv.appendChild(this.characterNode(char));
|
|
}
|
|
return parentDiv;
|
|
},
|
|
|
|
// Find the background offsets for a given character
|
|
_getCharPosition: function(char) {
|
|
var position = this._fontLookup[char];
|
|
if (!position) {
|
|
return this._fontLookup[' '];
|
|
}
|
|
return position;
|
|
},
|
|
|
|
/* TODO: There are too many " " and "_" characters */
|
|
_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]
|
|
}
|
|
});
|