Question

我正在做一个基于HTML / JavaScript的游戏，游戏目标是收集蛋糕的2个怪物，避免蛋糕以外的其他东西。我创建了2个div，每个div都是我希望角色四处移动的区域。首先我只是从基本（跳空间键）开始，但这是其中一个游戏，如果一个角色上升，另一个下降。现在，我只是将代码测试到一个字符以查看它是否有效，如果是，我计划编程到另一个字符则相反。这是我为Key Presses获得的代码：

function onKeyPressed(event) {
    if(event.keyCode == 37) {
        left = true;
    }
    if(event.keyCode == 39) {
        right = true;
    }
    if(event.keyCode == 38) {
        up = true;
    }
    if(event.keyCode == 40) {
        down = true;
    }
    if(event.keyCode == 32) {
    updateMonster1Place();
    updateMonster2Place();
    }
}

// function to be called when a key, in the keyboard, is released
function onKeyReleased(event) {
    if(event.keyCode == 37) {
        left = false;
    }
    if(event.keyCode == 39) {
        right = false;
    }
    if(event.keyCode == 38) {
        up = false;
    }
    if(event.keyCode == 40) {
        down = false;
    }
}

这是第一个名为updateMonster1Place();

的函数

function updateMonster1Place() {

    if (monster1.top >= 500){
    for( var i=0; i = 100; i++){
    monster1.top = i + "px";
        }
    }
}

我认为这段代码是错误的，因为我的角色位于Top = 500px，我想要发生的是角色幻灯片，只是在他的Top = 100时停止。

我希望你能理解我在这里尝试做什么。提前谢谢！

使用按键移动JavaScript中的Div

0 个答案: