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

Javascript 使用ja将对象添加到HTML画布中,javascript,object,canvas,dynamic,Javascript,Object,Canvas,Dynamic,我对javascript非常陌生,我正在尝试制作一个非常简单的画布游戏。我想添加多个敌人,但我希望它们随机出现,而不是全部硬编码。如何每5秒创建一个新对象/敌人?对不起,这个问题可能非常简单,我必须以某种方式学习它,对吗?要做到这一点,您可以在JavaScript中添加一个“设置间隔”函数。这将允许您每五秒钟运行一些代码 setInterval(function(){ // your code to be executed every 5 seconds goes here.; },500

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

要做到这一点,您可以在JavaScript中添加一个“设置间隔”函数。这将允许您每五秒钟运行一些代码

 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);
为此,您可以向JavaScript添加一个“设置间隔”函数。这将允许您每五秒钟运行一些代码

 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);
为此,您可以向JavaScript添加一个“设置间隔”函数。这将允许您每五秒钟运行一些代码

 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);
为此,您可以向JavaScript添加一个“设置间隔”函数。这将允许您每五秒钟运行一些代码

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

创建敌人阵列并将其推入:

var enemies = [];

setInterval(function(){

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

}, 5000);

创建敌人阵列并将其推入:

var enemies = [];

setInterval(function(){

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

}, 5000);

创建敌人阵列并将其推入:

var enemies = [];

setInterval(function(){

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

}, 5000);

创建敌人阵列并将其推入:

var enemies = [];

setInterval(function(){

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

}, 5000);

我知道如何去区间数和随机数,我的主要问题是动态对象。我想每隔几秒钟制造一个新的敌人,这需要我每次制造一个新的对象。我知道如何消除间隔和随机数,我的主要问题是动态对象。我想每隔几秒钟制造一个新的敌人,这需要我每次制造一个新的对象。我知道如何消除间隔和随机数,我的主要问题是动态对象。我想每隔几秒钟制造一个新的敌人,这需要我每次制造一个新的对象。我知道如何消除间隔和随机数,我的主要问题是动态对象。我想每隔几秒钟制造一个新的敌人,这要求我每次都制造一个新的对象。你也可以看看这个使用HTML5画布实现的简单的小行星游戏-好的,这需要一段时间才能完成,但我从来没有听说过push()方法。不过,这似乎是一个解决方案,多亏了你。你也可以看看这个使用HTML5画布实现的简单的小行星游戏-好的,这需要一段时间才能实现,但我从来没有听说过push()方法。不过,这似乎是一个解决方案,多亏了你。你也可以看看这个使用HTML5画布实现的简单的小行星游戏-好的,这需要一段时间才能实现,但我从来没有听说过push()方法。不过,这似乎是一个解决方案,多亏了你。你也可以看看这个使用HTML5画布实现的简单的小行星游戏-好的,这需要一段时间才能实现,但我从来没有听说过push()方法。不过,这似乎是个解决办法,多亏了你。