mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-23 10:15:31 +00:00
82 lines
3 KiB
JavaScript
82 lines
3 KiB
JavaScript
// Manage rendering text from this skin's text.bmp file
|
|
Font = {
|
|
|
|
// Fill a node with a <div> containing character <div>s
|
|
setNodeToString: function(node, string) {
|
|
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) {
|
|
position = this._getCharPosition(character);
|
|
row = position[0];
|
|
column = position[1];
|
|
verticalOffset = row * 6;
|
|
horizontalOffset = column * 5;
|
|
|
|
x = '-' + horizontalOffset + 'px';
|
|
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 horizontalOffset = digit * 9;
|
|
var div = document.createElement('div');
|
|
div.classList.add('digit');
|
|
// Ex rules superseed if nums_ex.bmp is present
|
|
div.classList.add('digit-ex');
|
|
div.style.backgroundPosition = '-' + horizontalOffset + 'px 0';
|
|
div.innerHTML = digit;
|
|
return div;
|
|
},
|
|
|
|
|
|
// Get a <div> containing character <div>s
|
|
_stringNode: function(string) {
|
|
parentDiv = document.createElement('div');
|
|
for (var i = 0, len = string.length; i < len; i++) {
|
|
char = string[i].toLowerCase();
|
|
parentDiv.appendChild(this.characterNode(char));
|
|
}
|
|
return parentDiv;
|
|
},
|
|
|
|
// Find the background offsets for a given character
|
|
_getCharPosition: function(char) {
|
|
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,29], "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,10], "_": [1,11], ":": [1,12],
|
|
"(": [1,13], ")": [1,14], "-": [1,15], "'": [1,16], "!": [1,17],
|
|
"_": [1,18], "+": [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]
|
|
}
|
|
}
|