码迷,mamicode.com
首页 > 其他好文 > 详细

飞机大战原生代码版

时间:2019-09-02 09:29:34      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:node   console   背景图   i++   赋值   parse   int   remove   style   

飞机大战需要背景图,飞机,子弹,敌机
下面写的是css代码实现子弹的运动
for (var i = 0; i < this.objB.arr.length; i++) {

var newArr = this.objB.arr[i].split(‘|‘);//[id|top|left]
 
var eleB = document.getElementById(newArr[0]);

newArr[1] = parseInt(newArr[1]) - 1; //将上一个的newArr1减1并赋值
// console.log(newArr[1]);


eleB.style.top = newArr[1] + ‘px‘;
this.objB.arr[i] = newArr[0] + ‘|‘ + newArr[1] + ‘|‘ + newArr[2];
if (newArr[1] < 0) {
this.objB.arr.splice(i, 1);
var delEle = document.getElementById(newArr[0]);
delEle.parentNode.removeChild(delEle);
}
console.log(newArr);

}
 
整个飞机大战,我认为的最关键的部分,就是让子弹运动起来,和敌机一样

飞机大战原生代码版

标签:node   console   背景图   i++   赋值   parse   int   remove   style   

原文地址:https://www.cnblogs.com/1179929172-zh/p/11444556.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!