首页 > 其他 > 详细

飞机大战原生代码版

时间:2019-09-02 11:46:08      阅读:68      评论:0      收藏:0      [点我收藏+]
飞机大战需要背景图,飞机,子弹,敌机
下面写的是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);

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

飞机大战原生代码版

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!