0

我正在做一个简单的 html/js 项目，让一个盒子在画布上移动，可以射球。我让盒子移动了，但我无法让球出现。该程序使其进入 drawBall() 和 moveBall()(Tested using alerts) 函数，但它们不执行任何操作。过去一个小时我一直在研究这个，所以我就是无法让它工作。这是我的 javascript 代码，它移动盒子并且在释放空格键时应该画一个球。

function init() {
//canvas = document.getElementById('canvas');
context = $('#canvas')[0].getContext('2d');
WIDTH = $('#canvas').width();
HEIGHT = $('#canvas').height();
block_x = WIDTH / 2;
block_y = HEIGHT / 2;
setInterval('draw()', 25);
}

function clearCanvas() {
  context.clearRect(0,0,WIDTH,HEIGHT);
}

function draw() {
  clearCanvas();
  if(shotBall)
  {
        drawBall();
        moveBall();
  }
  if (rightKey) block_x += 5;
  else if (leftKey) block_x -= 5;
  if (upKey) block_y -= 5;
  else if (downKey) block_y += 5;
  if (block_x <= 0) block_x = 0;
  if ((block_x + block_w) >= WIDTH) block_x = WIDTH - block_w;
  if (block_y <= 0) block_y = 0;
  if ((block_y + block_h) >= HEIGHT) block_y = HEIGHT - block_h;
  context.fillRect(block_x, block_y, block_w, block_h);
 }

function drawBall() {
         context.beginPath();
     context.arc(ball_x, ball_y, ball_radius, 0, Math.PI * 2, false);
}

function moveBall() {
    ball_y += 1;
    ball_x -= 1;
}

function onKeyDown(evt) {
  if (evt.keyCode == 68) rightKey = true;
  else if (evt.keyCode == 65) leftKey = true;
  if (evt.keyCode == 87) upKey = true;
  else if (evt.keyCode == 83) downKey = true;
}

function onKeyUp(evt) {
  if (evt.keyCode == 68) rightKey = false;
  else if (evt.keyCode == 65) leftKey = false;
  if (evt.keyCode == 87) upKey = false;
  else if (evt.keyCode == 83) downKey = false;
  if(evt.keyCode == 32) createBall();
}

function createBall() 
{
        ball_x = block_x + (block_w / 2); 
        ball_y = block_y + (block_y / 2);
    radius = 20;
    shotBall = true;
}
$(document).keydown(onKeyDown);
$(document).keyup(onKeyUp);
4

1 回答 1

1

当我尝试您的代码时，我看到的问题是您尚未初始化block_w、block_h和ball_radius变量，因为正如我在 firebug 工具中看到的那样，这些值似乎是未定义的。

所以你必须确保你已经定义并初始化了你使用的每个变量。此外，您必须确保您正在调用您定义的每个函数。

当我手动将值放入 context.arc(23, 34, 45, 0, Math.PI*2, false); 功能那么它对我来说很好。因此，请确保您已经定义并初始化了每个变量。

于 2012-03-21T05:06:17.107 回答