我对javascript非常陌生,我正尝试制作一个迷宫游戏,我用箭头和wasd移动,但我不知道如何使用html按钮移动触摸设备,这是我的js代码:
function moveRect(e) {
var estado = new Boolean(false); //variable to know if the player won or not
var pos = []; //saves every position player moves to
var newX;
var newY;
var canMove; // i'm not using this right now
e = e || window.event;
moveA = 22; //1
moveB = 22; //22
var angle = 0;
switch (e.keyCode) {
case 38: // upkey
newX = currRectX;
newY = currRectY - moveA;
angle = 90;
break;
case 87: // W key
newX = currRectX;
newY = currRectY - moveB;
angle = 90;
break;
case 37: // leftkey
newX = currRectX - moveA;
newY = currRectY;
angle = 180;
break;
case 65: // A key
newX = currRectX - moveB;
newY = currRectY;
angle = 180;
break;
case 40: // downkey
newX = currRectX;
newY = currRectY + moveA;
angle = 270;
break;
case 83: // S key
newX = currRectX;
newY = currRectY + moveB;
angle = 270;
break;
case 39: //rightkey
newX = currRectX + moveA;
newY = currRectY;
break;
case 68: // D key
newX = currRectX + moveB;
newY = currRectY;
break;
default:
return;
}
现在,我试图弄清楚如何将其添加到html按钮中,例如,left button做键和left key的作用。
我已经尝试过
jQuery
这样$('#left-btn').click();
$('#right-btn').click();
但是我不知道如何传递我已经编码为
click()
的参数的内容。 最佳答案
您可以做任何您想做的事情。不要忘记声明变量超出该函数的范围。
$('#left-btn').click(function(){
//do your things here
//e.g.
x -= 10;
angle = 50;
});
查看更多:https://api.jquery.com/click/