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

Question

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

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

我想将其创建为一个函数，以便可以选择球。 无论如何，我可以画一个三角形，但不能画一个圆。 这是代码：

 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(); 

谁能猜出为什么不出现圆圈？ 重要说明：当圆不是函数的一部分时，圆会完美显示

PS：我对Web开发等非常陌生。感谢您的任何建议

Answer 1

调用circle函数时是否可能是由于错字引起的？ 因此，使用circle()而不是cicle()

Answer 2

好吧，这很简单。 在javascript中调用函数时，必须将其拼写与函数声明中的拼写相同，否则将调用不存在的函数。

function circle(){
  //code to draw circle
}

//then when i want to call circle function i do this
circle();
//this calls non-existant "cicle" function
cicle();

因此，您的函数没有任何问题，只是您的调用方式没有问题。