Question

我的代码存在一些问题。无法让我的立方体跳跃。看看我的代码，如果你能帮忙请告诉我。

我的左，右和鸭的能力目前都在所需的水平，但我不能让我的立方体跳。我已经尝试了三天，无法在网上找到任何东西。我的javascript嵌入在html页面的标签中。

＆＃13;

var canvas = document.getElementById("gameCanvas");

var ctx = canvas.getContext("2d");

var coinRad = 8;
var coinX = 40;
var coinY = 80;

var x = 20;
var y = 510;
var w = 30;
var h = 50;

var rightPressed = false;
var leftPressed = false;

var ducked = false;
var jumping = false;

document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
  if (e.keyCode == 39) {
    rightPressed = true;
  } else if (e.keyCode == 37) {
    leftPressed = true;
  } else if (e.keyCode == 40) {
    ducked = true;
  } else if (e.keycode == 32) {
    jumping = true;
  }
}


function keyUpHandler(e) {
  if (e.keyCode == 39) {
    rightPressed = false;
  } else if (e.keyCode == 37) {
    leftPressed = false;
  } else if (e.keyCode == 40) {
    ducked = false;
  } else if (e.keycode == 32) {
    jumping = false;
  }
}

function drawCube() {
  ctx.beginPath();
  ctx.rect(x, y, w, h);
  ctx.fillStyle = "Green";
  ctx.fill();
  ctx.closePath();
}

function run() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  if (leftPressed) {
    if (x > 0) {
      x -= 2.5;
    }
  } else if (rightPressed) {
    if (x < canvas.width - w) {
      x += 2.5;
    }
  }
  if (jumping) {
    y -= 10;
    h -= 10;
  }
  if (ducked) {
    y = 535;
    h = 25;
  } else {
    y = 510;
    h = 50;
  }
  drawCube();
}

setInterval(run, 10);

＆＃13;

<canvas id="gameCanvas"></canvas>

＆＃13;

Answer 1

此外，您的keyCode检查不正确地用于跳跃条件。

else if (e.keyCode == 40) {
   ducked = false;
} else if (e.keycode == 32) {  //should be keyCode
   jumping = false;
}

Answer 2

因为当run方法结束时，你就这样做了。

if (jumping) {
    y -= 10;
    h -= 10;
}
if (ducked) {
    y = 535;
    h = 25;
} else {
    y = 510;
    h = 50;
}

即使您更改了Y和H的值，它们的值也总是分别变为510和50，因为其他处于低级状态。

删除其他或找到另一个逻辑来做同样的事情

javascript跳跃字符不工作

2 个答案: