JavaScript趣味编程--仿微信飞机大战游戏--3.让飞机在随机位置产生

来源:互联网 发布:台湾观光局数据 编辑:程序博客网 时间:2024/06/05 14:09

上一篇文章教了大家如何让飞机不停地向下移动,通过定时器,对吧!我们的setInaterval(function(){},10);
这一次呢,我会教大家如何让你们的飞机在一个随机的x坐标中产生,这就需要学一下随机数了。
1.随机数
随机,就是你无法确定会不会发生。比如掷硬币,你无法100%确定你能掷到正面,再比如扔骰子,你也没办法100%扔到六。这些情况都是随机的。那随机数也是一样,我们可以让它在一个规定的范围里随机的产生一个x坐标,画布的宽度是450,57是飞机的宽度,那范围就是(0,393);
2.如何产生固定范围的随机数呢
通过Math.random();就可以产生从0到1之间的小数,包括0但不包括1,也就是[0,1)。
通过对Math.random();进行加减乘除可以得到不同范围的随机数。比如要产生[0,393)的随机数,就可以这样

var x=Math.random()*393;

3.随机位置产生飞机
结合上一篇文章的内容,让飞机在随机位置产生,并一直移动下来。

var y = 0;var x=Math.random()*393;//再画布范围里面产生x坐标setInterval(function() {    ctx.drawImage(bg,0,0);    ctx.drawImage(enemy, x, y);    y = y + 1;}, 10);

通过上面的代码,我们就可以实现飞机在随机的x坐标产生了,下一篇文章我们会让飞机重复产生,也就是移动到底部会重新回到顶部。