simon_hung
353 lignes
8.5 KiB
JavaScript
353 lignes
8.5 KiB
JavaScript
|
|
function showScoreTable(_dataId, _curScoreInfo, _callbackFun, _waitTime)
|
|
{
|
|
var hiScoreInfo;
|
|
var canvas2, scoreStage;
|
|
var titleText;
|
|
var recordId = -1;
|
|
var savedKeyDownHander;
|
|
var timeOutHandler = null;
|
|
|
|
init();
|
|
|
|
function init()
|
|
{
|
|
getHiScoreInfo();
|
|
|
|
if(_curScoreInfo) {
|
|
recordId = updateScoreInfo();
|
|
if(recordId < 0) {
|
|
if(_callbackFun) _callbackFun();
|
|
return; //don't need update score
|
|
}
|
|
}
|
|
|
|
createCanvas2();
|
|
createScoreStage();
|
|
setScoreBackground();
|
|
drawHiScoreList();
|
|
scoreStage.update();
|
|
if(recordId >= 0) {
|
|
inputHiScoreName();
|
|
} else {
|
|
anyKeyHandler();
|
|
if(typeof _waitTime == "undefined") _waitTime = 3500;
|
|
timeOutHandler = setTimeout( function() { closeScoreTable(); }, _waitTime);
|
|
}
|
|
}
|
|
|
|
function closeScoreTable()
|
|
{
|
|
removeCanvas2();
|
|
restoreKeyDownHandler();
|
|
if(_callbackFun) _callbackFun();
|
|
}
|
|
|
|
function getHiScoreInfo()
|
|
{
|
|
var infoJSON, levelMap;
|
|
|
|
if(_dataId == 1) {
|
|
infoJSON = getStorage(STORAGE_HISCORE_INFO2);
|
|
} else {
|
|
infoJSON = getStorage(STORAGE_HISCORE_INFO1);
|
|
}
|
|
|
|
if(infoJSON) {
|
|
var infoObj = JSON.parse(infoJSON);
|
|
hiScoreInfo = infoObj;
|
|
} else {
|
|
hiScoreInfo = [];
|
|
for(var i = 0; i < MAX_HISCORE_RECORD; i++) {
|
|
hiScoreInfo[i] = {s:0 , n:"" , l: 0};
|
|
}
|
|
|
|
if(_dataId == 1) {
|
|
hiScoreInfo[0].n = "STEVE JOBS";
|
|
hiScoreInfo[0].l = 1;
|
|
hiScoreInfo[0].s = 2500;
|
|
|
|
hiScoreInfo[1].n = "BILL GATES";
|
|
hiScoreInfo[1].l = 1;
|
|
hiScoreInfo[1].s = 1500;
|
|
} else {
|
|
hiScoreInfo[0].n = "SIMON";
|
|
hiScoreInfo[0].l = 1;
|
|
hiScoreInfo[0].s = 3500;
|
|
|
|
hiScoreInfo[1].n = "PETER PAN";
|
|
hiScoreInfo[1].l = 1;
|
|
hiScoreInfo[1].s = 2000;
|
|
|
|
hiScoreInfo[2].n = "DASH PARR"; // The Incredibles. He is the son of Bob Parr and Helen Parr (小飛)
|
|
hiScoreInfo[2].l = 1;
|
|
hiScoreInfo[2].s = 1000;
|
|
}
|
|
}
|
|
}
|
|
|
|
function setHiScoreInfo()
|
|
{
|
|
var infoJSON = JSON.stringify(hiScoreInfo);
|
|
|
|
if(_dataId == 1)
|
|
setStorage(STORAGE_HISCORE_INFO2, infoJSON);
|
|
else
|
|
setStorage(STORAGE_HISCORE_INFO1, infoJSON);
|
|
}
|
|
|
|
function updateScoreInfo()
|
|
{
|
|
var addId = -1;
|
|
|
|
if(_curScoreInfo.s <= 0) return addId; //don't save if scroe <= 0
|
|
|
|
for(var i = 0; i < MAX_HISCORE_RECORD; i++) {
|
|
_curScoreInfo.n = "";
|
|
if(_curScoreInfo.s >= hiScoreInfo[i].s) {
|
|
addId = i;
|
|
hiScoreInfo.splice(i, 0, _curScoreInfo);
|
|
hiScoreInfo.splice(MAX_HISCORE_RECORD, 1);
|
|
setHiScoreInfo();
|
|
break;
|
|
}
|
|
}
|
|
return addId;
|
|
}
|
|
|
|
function createCanvas2()
|
|
{
|
|
canvas2 = document.createElement('canvas');
|
|
canvas2.id = "canvas2";
|
|
canvas2.width = canvasX;
|
|
canvas2.height = canvasY;
|
|
|
|
//Set canvas top left position
|
|
var left = ((screenX1 - canvasX)/2|0),
|
|
top = ((screenY1 - canvasY)/2|0);
|
|
canvas2.style.left = (left>0?left:0) + "px";
|
|
canvas2.style.top = (top>0?top:0) + "px";
|
|
canvas2.style.position = "absolute";
|
|
document.body.appendChild(canvas2);
|
|
}
|
|
|
|
function createScoreStage()
|
|
{
|
|
scoreStage = new createjs.Stage(canvas);
|
|
}
|
|
|
|
function removeCanvas2()
|
|
{
|
|
scoreStage.removeAllChildren();
|
|
scoreStage.update();
|
|
document.body.removeChild(canvas2);
|
|
}
|
|
|
|
function setScoreBackground()
|
|
{
|
|
//set background color
|
|
var background = new createjs.Shape();
|
|
background.graphics.beginFill("black").drawRect(0, 0, canvas2.width, canvas2.height);
|
|
scoreStage.addChild(background);
|
|
}
|
|
|
|
function getNameStartPos(nameLength, itemId)
|
|
{
|
|
var x = (4+(MAX_HISCORE_NAME_LENGTH-nameLength)/2)*tileWScale;
|
|
var y = (itemId * 1.2 + 5) * tileHScale;
|
|
|
|
return { x: x, y: y };
|
|
}
|
|
|
|
function drawHiScoreList()
|
|
{
|
|
var title = "LODE RUNNER " + ((_dataId == 1)?"2":"1") + " HIGH SCORES";
|
|
var barTile;
|
|
|
|
drawText((NO_OF_TILES_X-title.length)/2*tileWScale, 0.5*tileHScale, title, scoreStage);
|
|
drawText(0.5*tileWScale, 3*tileHScale, "NO", scoreStage);
|
|
drawText(7*tileWScale, 3*tileHScale, "NAME", scoreStage);
|
|
drawText(14.5*tileWScale, 3*tileHScale, "LEVEL SCORE", scoreStage);
|
|
|
|
for(var x = 0; x < NO_OF_TILES_X; x++) {
|
|
barTile = new createjs.Bitmap(preload.getResult("ground"));
|
|
barTile.setTransform(x * tileWScale, 4.5*tileHScale , tileScale, tileScale);
|
|
scoreStage.addChild(barTile);
|
|
}
|
|
|
|
for(var i = 0; i < MAX_HISCORE_RECORD; i++) {
|
|
var pos = getNameStartPos(hiScoreInfo[i].n.length, i);
|
|
|
|
drawText(0.5*tileWScale, pos.y, ("0"+(i+1)).slice(-2) + ".", scoreStage); //no
|
|
|
|
if(hiScoreInfo[i].s > 0) {
|
|
if(hiScoreInfo[i].n.length > 0) {
|
|
drawText(pos.x, pos.y, hiScoreInfo[i].n, scoreStage, "D"); //name
|
|
}
|
|
drawText(15.5*tileWScale, pos.y, ("00"+hiScoreInfo[i].l).slice(-3), scoreStage); //level
|
|
drawText(20.5*tileWScale, pos.y, ("000000"+hiScoreInfo[i].s).slice(-7), scoreStage); //score
|
|
}
|
|
}
|
|
}
|
|
|
|
function anyKeyHandler()
|
|
{
|
|
savedKeyDownHander = document.onkeydown;
|
|
document.onkeydown = function(event) {
|
|
if(!event){ event = window.event; }
|
|
|
|
//if( event.keyCode == KEYCODE_ENTER) {
|
|
clearTimeout(timeOutHandler);
|
|
closeScoreTable();
|
|
//}
|
|
};
|
|
}
|
|
|
|
function restoreKeyDownHandler()
|
|
{
|
|
document.onkeydown = savedKeyDownHander;
|
|
}
|
|
|
|
function inputHiScoreName()
|
|
{
|
|
var name, nameText;
|
|
var curPos = 0;
|
|
var savedKeyDownHander, hiScoreTicker;
|
|
var cursor;
|
|
|
|
initInput();
|
|
|
|
function initInput()
|
|
{
|
|
name = []; //array of char
|
|
nameText = []; //text object
|
|
|
|
var pos = getNameStartPos(0, recordId);
|
|
cursor = new createjs.Sprite(textData, "FLASH");
|
|
cursor.setTransform(pos.x-tileWScale/2, pos.y , tileScale, tileScale);
|
|
scoreStage.addChild(cursor);
|
|
|
|
changeKeyDownHandler();
|
|
hiScoreTicker = createjs.Ticker.on("tick", scoreStage);
|
|
}
|
|
|
|
function changeKeyDownHandler()
|
|
{
|
|
savedKeyDownHander = document.onkeydown;
|
|
document.onkeydown = handleHiScoreName;
|
|
}
|
|
|
|
function cutTailSpace()
|
|
{
|
|
for(var i = name.length-1; i >= 0; i--) {
|
|
if(name[i] == " ") name.splice(i,1);
|
|
else break;
|
|
}
|
|
}
|
|
|
|
function inputFinish()
|
|
{
|
|
cutTailSpace();
|
|
redrawName();
|
|
|
|
//update name for score info
|
|
hiScoreInfo[recordId].n = array2String(name);
|
|
setHiScoreInfo();
|
|
|
|
//remove cursor
|
|
scoreStage.removeChild(cursor);
|
|
scoreStage.update();
|
|
|
|
createjs.Ticker.off("tick", hiScoreTicker);
|
|
setTimeout( function() { closeScoreTable(); }, 1500);
|
|
}
|
|
|
|
function removeNameText()
|
|
{
|
|
for(var i = 0; i < nameText.length; i++)
|
|
scoreStage.removeChild(nameText[i]);
|
|
}
|
|
|
|
function array2String(name)
|
|
{
|
|
var nameString = "";
|
|
for(var i = 0; i < name.length; i++) {
|
|
nameString += name[i];
|
|
}
|
|
return nameString;
|
|
}
|
|
|
|
function redrawName()
|
|
{
|
|
var pos = getNameStartPos(name.length, recordId);
|
|
removeNameText();
|
|
nameText = drawText(pos.x, pos.y, array2String(name), scoreStage, "D");
|
|
|
|
//change cursor position
|
|
if(name.length > 0) cursor.x = pos.x + curPos * tileWScale;
|
|
else cursor.x = pos.x - tileWScale/2;
|
|
|
|
//move cursor to top
|
|
moveChild2Top(scoreStage, cursor);
|
|
}
|
|
|
|
function handleHiScoreName(event)
|
|
{
|
|
if(!event){ event = window.event; } //cross browser issues exist
|
|
|
|
var code = event.keyCode;
|
|
|
|
if(curPos >= MAX_HISCORE_NAME_LENGTH &&
|
|
code != KEYCODE_BKSPACE && code != KEYCODE_LEFT && code != KEYCODE_ENTER)
|
|
{
|
|
soundPlay("beep"); //wrong key code
|
|
return false;
|
|
}
|
|
|
|
switch(true) {
|
|
case (code >= 48 && code <= 57): // 0 ~ 9
|
|
if(curPos == 0) { soundPlay("beep"); break; } //first char except numbers
|
|
name[curPos++] = String.fromCharCode(code);
|
|
break;
|
|
case (code >=65 && code <= 90): // A ~ Z
|
|
case (code >= 97 && code <= 122): //a ~ z
|
|
if( code > 90) code -= 32;
|
|
name[curPos++] = String.fromCharCode(code);
|
|
break;
|
|
case (code == KEYCODE_DOT): //'.'
|
|
if(curPos == 0) { soundPlay("beep"); break; } //first char except '.'
|
|
name[curPos++] = ".";
|
|
break;
|
|
case (code == KEYCODE_DASH || code == KEYCODE_HYPHEN || code == KEYCODE_SUBTRACT): //'-'
|
|
if(curPos == 0) { soundPlay("beep"); break; } //first char except '-'
|
|
name[curPos++] = "-";
|
|
break;
|
|
case (code == KEYCODE_SPACE): //space
|
|
if(curPos == 0) { soundPlay("beep"); break; } //first char except space
|
|
name[curPos++] = " ";
|
|
break;
|
|
case (code == KEYCODE_BKSPACE): //backspace
|
|
if(curPos == 0) break;
|
|
name.splice(--curPos, 1);
|
|
break;
|
|
case (code == KEYCODE_LEFT): //LEFT
|
|
if(curPos > 0) curPos--;
|
|
break;
|
|
case (code == KEYCODE_RIGHT): //RIGHT
|
|
if(curPos < name.length) curPos++;
|
|
break;
|
|
case (code == KEYCODE_ENTER): //ENTER
|
|
if(name.length > 0) inputFinish(true); //async
|
|
else soundPlay("beep");
|
|
default:
|
|
//debug(code);
|
|
if(code > 32) soundPlay("beep"); //wrong key code
|
|
break;
|
|
}
|
|
|
|
redrawName();
|
|
return false;
|
|
}
|
|
}
|
|
}
|