使用 ja 将对象添加到 HTML canvas

Question

我是 javascript 的新手，我正在尝试制作一个非常简单的 canvas 游戏。我想添加多个敌人，但我希望它们随机出现，而不是全部硬编码。我如何每 5 秒创建一个新的 objects/enemies？很抱歉这个问题可能非常简单，我必须以某种方式学习这个，对吗？

Answer 1

为此，您可以在 JavaScript 中添加一个 "set interval" 函数。这将允许您每五秒运行一些代码。

 setInterval(function(){
  // your code to be executed every 5 seconds goes here.;
},5000);

您还可以使用随机数生成器生成随机对象或敌人。例如：

setInterval(function(){

//Math.random() returns a random number between 0 and 1.
 intRandomNumber = Math.random() * 10;


//Math.round() returns the nearest whole number
intRandomNumber = Math.round(intRandomNumber);


if (intRandomNumber == 1){
//create some monster
}
else if (intRandomNumber == 2){
//create some object
}

    },5000);

Answer 2

创建敌人数组并推送到它：

var enemies = [];

setInterval(function(){

    enemies.push({
        x: Math.ceil(Math.random() * canvasWidth),
        y: Math.ceil(Math.random() * canvasHeight)
    });

}, 5000);

使用 ja 将对象添加到 HTML canvas

Adding objects into an HTML canvas with ja

javascript

canvas

dynamic

object