javascript打字游戏(二)

代码都放在本人的github:fangsini
demo演示地址:http://fangsini.github.io/Typing-game/game.html

老样子,先来看下游戏界面:
javascript打字游戏(二)_第1张图片

主要修改了键盘监听事件:

<!-- lang: js -->
//键盘监听事件,点击正确时将单词清除
this.i = -1;
document.onkeydown = function(e) {
    letterAry.i++;
    var e = e?e:event;
    for(var j = 0;j < letterAry.letters.length;j++) {
        if(letterAry.letters[j].isLive) {
            var index = j;
            break;
        }
    }
    if(letterAry.letters[j].content.charAt(letterAry.i).charCodeAt(0)==(e.keyCode+32)) {
        if(letterAry.i == letterAry.letters[j].content.length-1) {
            letterAry.letters[j].clear();
            document.getElementById("num").textContent =
            parseInt(document.getElementById("num").textContent)+1;
            letterAry.i = -1;
        }
    }else {
        letterAry.i = -1;
    }
}

你可能感兴趣的:(JavaScript,游戏开发)