使用ja将对象添加到HTML画布中

Adding objects into an HTML canvas with ja

本文关键字：HTML 布中 添加 ja 对象 使用      更新时间：2023-09-26

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

创建敌人阵列并推送给它：

var enemies = [];
setInterval(function(){
    enemies.push({
        x: Math.ceil(Math.random() * canvasWidth),
        y: Math.ceil(Math.random() * canvasHeight)
    });
}, 5000);

要做到这一点，您可以在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);
相关文章：