javascript - JS-射击-鼠标

我遇到了问题。我将不胜感激任何帮助。

我正在尝试从玩家位置射击到鼠标单击位置。代码没有给我任何错误，根据我的逻辑，它应该可以工作，但是不能

它创建了子弹对象，仅此而已。

//Bullets
   function bullet(id, color, size, speed, x, y, eX, eY) {
          this.id = id;
          this.color = color;
          this.size = size;
          this.x = x;
          this.y = y;
          this.eX = eX;
          this.eY = eY;
          this.velocityX;
          this.velocityY;
          this.speed = speed;
      }

      var bulletList = [];

      function addBullet(color, bsize, bspeed, x, y, eX, eY) {
          bulletList[bulletId] = new bullet(bulletId, color, bsize, bspeed, x, y, eX, eY);
          bulletId += 1;
      }

      function updateBullet(bullet, player)
      {
          var dx = (bullet.eX - player.x);
          var dy = (bullet.eY - player.y);
          var mag = Math.sqrt(dx * dx + dy * dy);
          bullet.velocityX = (dx / mag) * speed;
          bullet.velocityY = (dy / mag) * speed;
          bullet.x += bullet.velocityX;
          bullet.y += bullet.velocityY;
      }

      // Add event listener for `click` events.
      canvas.onmousedown = function(e) {
          addBullet("black", 10, 2, playerList[0].x, playerList[0].y, e.x, e.y);
      }
    //draw bullets (taken from drawFrame function)
                  $.each(bulletList, function (index, bullet) {
                     updateBullet(bullet, playerList[0]);
                     ctx.fillStyle = bullet.color;
                     ctx.fillRect(bullet.x, bullet.y, bullet.size, bullet.size);
                  });

最佳答案

由于您已经在使用jQuery，因此请更改行

canvas.onmousedown = function(e) {
    addBullet("black", 10, 2, playerList[0].x, playerList[0].y, e.x, e.y);
}

至

$(canvas).mousedown(function (e) {
    addBullet("black", 10, 2, playerList[0].x, playerList[0].y, e.clientX, e.clientY);
});

并考虑将所有这些输入移动到param对象中。

同样：永远不要在“ if”内定义程序，而取消“ if not”！

工作版本：http://jsfiddle.net/LyUmZ/4/

编辑：如果jsfiddle无法正常工作，您可能已经遇到了浏览器/无脚本xss Guard，请使用xss-> unsafe reload（在firefox无脚本中），它应该可以工作。

关于javascript - JS-射击-鼠标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17430174/