美文网首页
关于使用web前端编写一个赛车小游戏所遇到的一些小问题(敌车篇)

关于使用web前端编写一个赛车小游戏所遇到的一些小问题(敌车篇)

作者: 前端萌新zk | 来源:发表于2017-09-12 18:54 被阅读0次

当完成道路运动的动画之后,只需加入敌车这一元素即可大致完成游戏内容了

敌车需要达到以下两个基本条件

1.随机刷新,2向下运动

随机产生敌车的代码如下:

<script src="1.js"><script>(调用工具JQuery)

<script>

function create()

{  var diche=$("<div class='diche'></div>")(产生一个名为diche的盒子) 

var x=parseInt(5*Math.random()); (令x为一个从0到4的随机整数)

x=x*20+4; (令x 的值为4,24,44,64,84)

diche.css({"left":x+"%"});   (将x的值赋给diche作为这个盒子的绝对定位里的left值)

$(".saidao").append(diche); (将敌车盒子放入saidao盒子里)

diche.animate({"top":"100%"},3000,"linear")}(定义diche盒子的运动方式)

setInterval(create,1000,(每隔1000毫秒产生一辆敌车)

function(){pkcar.remove()})(当敌车运动完成后销毁,主要是为了节省空间)

</script>

相关文章

网友评论

      本文标题:关于使用web前端编写一个赛车小游戏所遇到的一些小问题(敌车篇)

      本文链接:https://www.haomeiwen.com/subject/tufhsxtx.html