javascript - 在 javascript 中创建对象作为函数 - 并在游戏中使用箭头键控制它们

Question

我正在尝试用 HTML5(主要是 Javascript)制作一个简单的“游戏”，您只需在其中移动球即可。

我想通过在 Canvas 上画一个圆来创建一个球(可以用箭头键移动)。这是可能的，还是另一种方法更简单？

我想将它创建为一个函数，这样我就有了选择球的方法。不管怎样，我能画一个三 Angular 形，但不能画一个圆。这是代码:

var canvas = document.getElementById("mycanvas");
var ctx = canvas.getContext("2d");

canvas.width = canvas.height = 500;

function circle() {
    // the circle - DOESNT SHOW UP
    ctx.beginPath();
    ctx.arc(50, 50, 25, 0, Math.PI * 2, true);
    ctx.fillStyle = "blue";
    ctx.fill();
}

cicle();


function drawTriangle() {
  // the triangle - works perfectly
  ctx.beginPath();
  ctx.moveTo(200, 100);
  ctx.lineTo(170, 150);
  ctx.lineTo(230, 150);
  ctx.closePath();
 
  // the fill color
  ctx.fillStyle = "rgba(255, 204, 0, 1)";
  ctx.fill();
}

drawTriangle();

谁能想到，为什么圆圈没有出现？重要提示:当它不是函数的一部分时，圆圈看起来很完美

P.S.:我对网络开发等很陌生。感谢您的任何建议

Answer 1

有没有可能是你调用circle函数的时候写错了？所以 circle() 而不是 cicle()