关于使用web前端编写一个赛车小游戏所遇到的一些小问题(敌车篇)
2017-09-12 本文已影响0人
前端萌新zk
当完成道路运动的动画之后,只需加入敌车这一元素即可大致完成游戏内容了
敌车需要达到以下两个基本条件
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>