315 lines
9.5 KiB
JavaScript
315 lines
9.5 KiB
JavaScript
function loadGUIs() {
|
|
OS.AddScript("gui/titleScreen.js");
|
|
OS.AddScript("gui/inventoryGUI.js");
|
|
OS.AddScript("gui/mapGUI.js");
|
|
OS.AddScript("gui/tradeGUI.js");
|
|
}
|
|
|
|
var guiControl = {
|
|
topOfBackground: pixel(2 + 2),
|
|
upperBorder: pixel(13 + 2),
|
|
lowerBorder: pixel(3 + 2),
|
|
leftBorder: pixel(10 + 2),
|
|
rightBorder: pixel(5 + 2),
|
|
iconSize: 8,
|
|
iconScaled: pixel(8),
|
|
|
|
iconPosition: function (cellPosition) {
|
|
return (guiControl.iconScaled * cellPosition);
|
|
},
|
|
rowTop: function (rowNumber) {
|
|
return guiControl.upperBorder + pixel((guiControl.iconSize + 2) * rowNumber);
|
|
},
|
|
|
|
drawIcon: function (cellX, cellY, xPosition, yPosition) {
|
|
OS.context.drawImage(guiControl.icons, guiControl.iconPosition(cellX), guiControl.iconPosition(cellY), guiControl.iconScaled, guiControl.iconScaled, xPosition, yPosition, guiControl.iconScaled, guiControl.iconScaled);
|
|
},
|
|
drawItem: function (itemId, xPosition, yPosition) {
|
|
var cellX = itemId % 4;
|
|
var cellY = Math.floor(itemId / 4);
|
|
OS.context.drawImage(guiControl.itemSheet, guiControl.iconPosition(cellX), guiControl.iconPosition(cellY), guiControl.iconScaled, guiControl.iconScaled, xPosition, yPosition, guiControl.iconScaled, guiControl.iconScaled);
|
|
},
|
|
drawCursor: function (xPosition, yPosition) {
|
|
OS.context.drawImage(guiControl.cursor, xPosition, yPosition);
|
|
},
|
|
drawPageArrow: function (direction, xPosition, yPosition) {
|
|
OS.context.drawImage(guiControl.arrows, (direction == "left") ? 0 : pixel(4), 0, pixel(4), pixel(7), xPosition, yPosition, pixel(4), pixel(7));
|
|
}
|
|
}
|
|
guiControl.titleImage = new Image();
|
|
guiControl.titleImage.src = "images/title.png";
|
|
guiControl.background = new Image();
|
|
guiControl.background.src = "images/guiBackground.png";
|
|
guiControl.cursor = new Image();
|
|
guiControl.cursor.src = "images/guiCursor.png";
|
|
guiControl.arrows = new Image();
|
|
guiControl.arrows.src = "images/arrows.png";
|
|
|
|
guiControl.alpha_black4 = new Image();
|
|
guiControl.alpha_black4.src = "images/alphabet_black_4px.png";
|
|
guiControl.alpha_white4 = new Image();
|
|
guiControl.alpha_white4.src = "images/alphabet_white_4px.png";
|
|
guiControl.alpha_yellow4 = new Image();
|
|
guiControl.alpha_yellow4.src = "images/alphabet_yellow_4px.png";
|
|
guiControl.alpha_black6 = new Image();
|
|
guiControl.alpha_black6.src = "images/alphabet_black_6px.png";
|
|
guiControl.alpha_white6 = new Image();
|
|
guiControl.alpha_white6.src = "images/alphabet_white_6px.png";
|
|
guiControl.alpha_yellow6 = new Image();
|
|
guiControl.alpha_yellow6.src = "images/alphabet_yellow_6px.png";
|
|
|
|
guiControl.itemSheet = new Image();
|
|
guiControl.itemSheet.src = "images/items_sheet.png";
|
|
guiControl.icons = new Image();
|
|
guiControl.icons.src = "images/icons_sheet.png";
|
|
|
|
guiControl.drawPixelText = function (text, x, y, wrapWidth, color, size) {
|
|
// Draw the text at the given x and y on the canvas using the alphabet images.
|
|
// Remember to set the pixel scale for x and y when you call the function!
|
|
// 4x4 font modified from http://pixeljoint.com/forum/forum_posts.asp?TID=18755&PID=185995#185995
|
|
// 5x6 font modified from http://atariage.com/forums/topic/165697-fonts/page-4#entry2081600
|
|
text = text.toString().toUpperCase();
|
|
|
|
var letterSizeX = pixel((size == 6) ? size - 1 : size);
|
|
var letterSizeY = pixel(size);
|
|
var maxWrapWidth = Math.floor(OS.camera.width / (letterSizeX + pixel(1)));
|
|
|
|
wrapWidth = (wrapWidth <= 0 || wrapWidth > maxWrapWidth) ? maxWrapWidth : wrapWidth;
|
|
|
|
var alphabet = guiControl["alpha_" + color + size.toString()];
|
|
|
|
// Make words wrap nicely, but let punctuation wrap.
|
|
var wordsInText = text.split(" ");
|
|
if (wordsInText.length > 1) {
|
|
var indexToBreak = 0;
|
|
var replacementText = "";
|
|
var punctuation = [".", ",", "-", "?", "!"];
|
|
for (var w = 0; w < wordsInText.length; w++) {
|
|
// console.log("\"" + wordsInText[w].charAt(wordsInText[w].length - 1) + "\"");
|
|
|
|
if (punctuation.indexOf(wordsInText[w]) == -1 && punctuation.indexOf(wordsInText[w].charAt(wordsInText[w].length - 1)) != -1) {
|
|
// If the last character of a word is punctuation, separate it out
|
|
wordsInText.splice(w + 1, 0, wordsInText[w].charAt(wordsInText[w].length - 1));
|
|
// console.log("punctuation:" + wordsInText[w].charAt(wordsInText[w].length - 1));
|
|
wordsInText[w] = wordsInText[w].substr(0, wordsInText[w].length - 1);
|
|
// console.log("Turns to:" + wordsInText[w]);
|
|
w--;
|
|
} else if (replacementText.substr(indexToBreak).length + wordsInText[w].length + 1 <= wrapWidth) {
|
|
// console.log("Adding: \"" + wordsInText[w] + " \" to \"" + replacementText.substr(indexToBreak) + "\"");
|
|
// console.log(replacementText.substr(indexToBreak).length + wordsInText[w].length + " < " + wrapWidth);
|
|
// console.log("\"" + replacementText.substr(indexToBreak) + "\"");
|
|
replacementText += wordsInText[w];
|
|
|
|
if (punctuation.indexOf(wordsInText[w + 1]) == -1) { // If the next word in the array is not punctuation,
|
|
replacementText += " "; // Then add a space after.
|
|
}
|
|
// console.log("Turns to: \"" + replacementText.substr(indexToBreak) + "\"");
|
|
} else if (replacementText.substr(indexToBreak).length + wordsInText[w].length <= wrapWidth) {
|
|
// console.log("Adding: \"" + wordsInText[w] + "\" to \"" + replacementText.substr(indexToBreak) + "\"");
|
|
// console.log(replacementText.substr(indexToBreak).length + wordsInText[w].length + " < " + wrapWidth);
|
|
// console.log("\"" + replacementText.substr(indexToBreak) + "\"");
|
|
replacementText += wordsInText[w];
|
|
// console.log("Turns to: \"" + replacementText.substr(indexToBreak) + "\"");
|
|
indexToBreak = replacementText.length;
|
|
} else {
|
|
// console.log("Checking: \"" + replacementText.substr(indexToBreak) + wordsInText[w] + "\"");
|
|
// console.log(replacementText.substr(indexToBreak).length + wordsInText[w].length + " > " + wrapWidth);
|
|
// console.log("\"" + replacementText.substr(indexToBreak) + "\"");
|
|
// indexToBreak = replacementText.length - 1;
|
|
var numberOfSpaces = wrapWidth - replacementText.substr(indexToBreak).length;
|
|
for (var s = 0; s < numberOfSpaces; s++) {
|
|
replacementText += " ";
|
|
}
|
|
// console.log("Turns to: \"" + replacementText.substr(indexToBreak) + "\"");
|
|
indexToBreak = replacementText.length;
|
|
w--;
|
|
// replacementText += wordsInText[w];
|
|
}
|
|
// console.log("----");
|
|
}
|
|
text = replacementText;
|
|
}
|
|
|
|
for (var i = 0; i < text.length; i++) {
|
|
var letterCellX, letterCellY;
|
|
switch (text.charAt(i)) {
|
|
case "A":
|
|
letterCellX = 0;
|
|
letterCellY = 0;
|
|
break;
|
|
case "B":
|
|
letterCellX = 1;
|
|
letterCellY = 0;
|
|
break;
|
|
case "C":
|
|
letterCellX = 2;
|
|
letterCellY = 0;
|
|
break;
|
|
case "D":
|
|
letterCellX = 3;
|
|
letterCellY = 0;
|
|
break;
|
|
case "E":
|
|
letterCellX = 4;
|
|
letterCellY = 0;
|
|
break;
|
|
case "F":
|
|
letterCellX = 5;
|
|
letterCellY = 0;
|
|
break;
|
|
case "G":
|
|
letterCellX = 0;
|
|
letterCellY = 1;
|
|
break;
|
|
case "H":
|
|
letterCellX = 1;
|
|
letterCellY = 1;
|
|
break;
|
|
case "I":
|
|
letterCellX = 2;
|
|
letterCellY = 1;
|
|
break;
|
|
case "J":
|
|
letterCellX = 3;
|
|
letterCellY = 1;
|
|
break;
|
|
case "K":
|
|
letterCellX = 4;
|
|
letterCellY = 1;
|
|
break;
|
|
case "L":
|
|
letterCellX = 5;
|
|
letterCellY = 1;
|
|
break;
|
|
case "M":
|
|
letterCellX = 0;
|
|
letterCellY = 2;
|
|
break;
|
|
case "N":
|
|
letterCellX = 1;
|
|
letterCellY = 2;
|
|
break;
|
|
case "O":
|
|
letterCellX = 2;
|
|
letterCellY = 2;
|
|
break;
|
|
case "P":
|
|
letterCellX = 3;
|
|
letterCellY = 2;
|
|
break;
|
|
case "Q":
|
|
letterCellX = 4;
|
|
letterCellY = 2;
|
|
break;
|
|
case "R":
|
|
letterCellX = 5;
|
|
letterCellY = 2;
|
|
break;
|
|
case "S":
|
|
letterCellX = 0;
|
|
letterCellY = 3;
|
|
break;
|
|
case "T":
|
|
letterCellX = 1;
|
|
letterCellY = 3;
|
|
break;
|
|
case "U":
|
|
letterCellX = 2;
|
|
letterCellY = 3;
|
|
break;
|
|
case "V":
|
|
letterCellX = 3;
|
|
letterCellY = 3;
|
|
break;
|
|
case "W":
|
|
letterCellX = 4;
|
|
letterCellY = 3;
|
|
break;
|
|
case "X":
|
|
letterCellX = 5;
|
|
letterCellY = 3;
|
|
break;
|
|
case "Y":
|
|
letterCellX = 0;
|
|
letterCellY = 4;
|
|
break;
|
|
case "Z":
|
|
letterCellX = 1;
|
|
letterCellY = 4;
|
|
break;
|
|
case "1":
|
|
letterCellX = 2;
|
|
letterCellY = 4;
|
|
break;
|
|
case "2":
|
|
letterCellX = 3;
|
|
letterCellY = 4;
|
|
break;
|
|
case "3":
|
|
letterCellX = 4;
|
|
letterCellY = 4;
|
|
break;
|
|
case "4":
|
|
letterCellX = 5;
|
|
letterCellY = 4;
|
|
break;
|
|
case "5":
|
|
letterCellX = 0;
|
|
letterCellY = 5;
|
|
break;
|
|
case "6":
|
|
letterCellX = 1;
|
|
letterCellY = 5;
|
|
break;
|
|
case "7":
|
|
letterCellX = 2;
|
|
letterCellY = 5;
|
|
break;
|
|
case "8":
|
|
letterCellX = 3;
|
|
letterCellY = 5;
|
|
break;
|
|
case "9":
|
|
letterCellX = 4;
|
|
letterCellY = 5;
|
|
break;
|
|
case "0":
|
|
letterCellX = 5;
|
|
letterCellY = 5;
|
|
break;
|
|
case ".":
|
|
letterCellX = 0;
|
|
letterCellY = 6;
|
|
break;
|
|
case ",":
|
|
letterCellX = 1;
|
|
letterCellY = 6;
|
|
break;
|
|
case "-":
|
|
letterCellX = 2;
|
|
letterCellY = 6;
|
|
break;
|
|
case "?":
|
|
letterCellX = 3;
|
|
letterCellY = 6;
|
|
break;
|
|
case "!":
|
|
letterCellX = 4;
|
|
letterCellY = 6;
|
|
break;
|
|
default: // Default to Space
|
|
letterCellX = 5;
|
|
letterCellY = 6;
|
|
break;
|
|
}
|
|
|
|
var lineNumber = Math.floor(i/wrapWidth);
|
|
var horizontal = i - (wrapWidth * lineNumber);
|
|
var letterSheetX = letterSizeX * letterCellX;
|
|
var letterSheetY = letterSizeY * letterCellY;
|
|
var letterX = x + (letterSizeX * horizontal) + pixel(horizontal); //Places a space between characters horizontally
|
|
var letterY = y + (letterSizeY * lineNumber) + pixel(lineNumber); //Places a space between characters vertically
|
|
OS.context.drawImage(alphabet, letterSheetX, letterSheetY, letterSizeX, letterSizeY, letterX, letterY, letterSizeX, letterSizeY);
|
|
}
|
|
}
|