js坦克大战以实现炮弹击中目标消失并且记分
话不多说
下载下面的代码包就能看到效果，
效果图：
js代码如下：/**初始化*/<br>
var shell=document.getElementById('tk');<br>
shell.innerHTML='<div></div>';<br>
var w=shell.offsetWidth;h=shell.offsetHeight;<br>
/**初始化*/<br>
function keyDown(e) { <br>
var keycode = e.which; <br>
remove(keycode,2);//坦克移动<br>
if(keycode=='32'){//发射子弹<br>
zidan();<br>
}<br>
}<br>
<br>
function keyUp(e){//键位弹起时候记录最后按下方向键,并将其储存到class中去<br>
var keycode = e.which; shell_1=document.getElementById('shell_1');<br>
<br>
if(keycode=='37' || keycode=='38' || keycode=='39' || keycode=='40'){<br>
shell_1.className='qin'+keycode;<br>
}<br>
<br>
}<br>
/**键位监听*/<br>
document.onkeydown = keyDown;<br>
document.onkeyup = keyUp;<br>
/**键位监听*/<br>
function remove(code,su){//玩家坦克移动函数<br>
var shell_1=document.getElementById('shell_1');<br>
var l;<br>
if(code=='37'){//左移<br>
l=shell_1.style.marginLeft;<br>
l=parseInt(l);<br>
if(l>0){<br>
shell_1.style.marginLeft=(l-su)+'px';<br>
}<br>
}<br>
<br>
if(code=='38'){//上移<br>
l=shell_1.style.marginTop;<br>
l=parseInt(l);<br>
if(l>0){<br>
shell_1.style.marginTop=(l-su)+'px';<br>
}<br>
}<br>
<br>
if(code=='39'){//右移<br>
l=shell_1.style.marginLeft;<br>
l=parseInt(l);<br>
if(l
shell_1.style.marginLeft=(l+su)+'px';<br>
}<br>
}<br>
<br>
if(code=='40'){//下移<br>
l=shell_1.style.marginTop;<br>
l=parseInt(l);<br>
if(l
shell_1.style.marginTop=(l+su)+'px';<br>
}<br>
}<br>
<br>
}<br>
<br>
function zidan(){//玩家坦克子弹函数<br>
/**获取子弹初始位置*/<br>
var che=document.getElementById('shell_1');<br>
var l=che.style.marginLeft;<br>
var t=che.style.marginTop;<br>
var html=shell.innerHTML;//获取原有html<br>
/**获取子弹初始位置*/<br>
<br>
var myDate = new Date();<br>
var myid=myDate.getTime(); <br>
<br>
/**创建初始子弹*/<br>
shell.innerHTML=html+'<div></div>';<br>
/**创建初始子弹*/<br>
<br>
/**获取子弹的运行方向*/<br>
var fx=che.className;//子弹方向只能在子弹初始的时候获取<br>
/**获取子弹的运行方向*/<br>
<br>
<br>
<br>
<br>
var set=setInterval(function(){<br>
<br>
var zd=document.getElementById(myid);//获取子弹<br>
<br>
if(fx=='qin39'){//子弹向右<br>
var ls=zd.style.marginLeft;<br>
ls=parseInt(ls);<br>
<br>
if(ls<w></w>
zd.style.marginLeft=(ls+1)+'px';<br>
}else{<br>
rezidan(myid);<br>
clearInterval(set);<br>
}<br>
}<br>
if(fx=='qin37'){//子弹向左<br>
var ls=zd.style.marginLeft;<br>
ls=parseInt(ls);<br>
if(ls>0){ <br>
zd.style.marginLeft=(ls-1)+'px';<br>
}else{<br>
rezidan(myid);<br>
clearInterval(set);<br>
}<br>
}<br>
if(fx=='qin38'){//子弹向上<br>
var ls=zd.style.marginTop;<br>
ls=parseInt(ls);<br>
if(ls>0){ <br>
zd.style.marginTop=(ls-1)+'px';<br>
}else{<br>
rezidan(myid);<br>
clearInterval(set);<br>
}<br>
}<br>
if(fx=='qin40'){//子弹向下<br>
var ls=zd.style.marginTop;<br>
ls=parseInt(ls);<br>
if(ls<h></h>
zd.style.marginTop=(ls+1)+'px';<br>
}else{<br>
rezidan(myid);<br>
clearInterval(set);<br>
}<br>
}<br>
<br>
},10);<br>
<br>
}<br>
<br>
<br>
function rezidan(id){//删除子弹函数或者坦克<br>
var child=document.getElementById(id);<br>
if(child){<br>
shell.removeChild(child);<br>
}<br>
}<br>
<br>
<br>
//**电脑坦克*/<br>
<br>
function ran(){//随机1到4的方位函数<br>
var kwc=Math.ceil(Math.random()*10);<br>
var kwv;<br>
if(kwc%4==0){kwv=1;}<br>
if(kwc%4==1){kwv=2;}<br>
if(kwc%4==2){kwv=3;}<br>
if(kwc%4==3){kwv=4;}<br>
return kwv;<br>
}<br>
<br>
<br>
<br>
function rantanke(){//随机创建敌方坦克<br>
<br>
<br>
<br>
/**初始坦克随机出现位置*/<br>
var html=shell.innerHTML;//获取原有html<br>
var t=Math.random()*1000;<br>
var l=Math.random()*1000;<br>
<br>
if(t>h){t=(t-h)+'px';}else{t=t+'px';}//判断坦克不会超出边界太远<br>
if(l>w){l=(l-w)+'px';}else{l=l+'px';}//判断坦克不会超出边界太远<br>
/**初始坦克随机出现位置*/<br>
<br>
<br>
<br>
var myDate = new Date();<br>
var myid=myDate.getTime();<br>
/**创建坦克*/<br>
shell.innerHTML=html+'<div></div>';<br>
/**创建坦克*/<br>
<br>
var setz=setInterval(function(){<br>
/**被击中*/ <br>
var ztk=document.getElementById(myid);dt=ztk.style.marginTop;dl=ztk.style.marginLeft;<br>
dt=parseInt(dt);dl=parseInt(dl); <br>
var zidanob=document.getElementsByClassName('zidan');<br>
if(zidanob.length!=0){ <br>
for(i=0;i<zidanob.length></zidanob.length>
var zt=zidanob[i].style.marginTop;<br>
var zl=zidanob[i].style.marginLeft;<br>
zt=parseInt(zt);zl=parseInt(zl);<br>
if(zt>dt && ztdl && zl
zidanob[i].style.display='none';//隐藏子弹<br>
zidanob[i].className='';//当子弹碰撞后删除子弹的class以防止下次继续击中敌方坦克<br>
rezidan(myid);//删除被击中坦克<br>
clearInterval(setz); //删除被击中坦克的时间函数<br>
fensu();//记录分数<br>
} <br>
}<br>
}<br>
/**被击中*/ <br>
var clasz=ztk.className;<br>
var oArr = clasz.split(" ");<br>
var fwz;//每次执行这段代码FWZ就清空,fwz是方向判断变量<br>
<br>
<br>
if(clasz){//判断是否是创建坦克后第一次移动<br>
<br>
if(oArr[0]=='qinr'){//持续向右移动50次<br>
if(parseInt(oArr[1])
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
if(lz<w></w>
ztk.style.marginLeft=(lz+2)+'px';<br>
}else{<br>
fwz=ran();//撞墙重新选定方位<br>
}<br>
var clsaa=parseInt(oArr[1])+1;<br>
ztk.className='qinr '+clsaa;<br>
}else{<br>
fwz=ran();//重新选定方位<br>
}<br>
}<br>
<br>
<br>
if(oArr[0]=='qinl'){//持续向左移动50次<br>
if(parseInt(oArr[1])
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
if(lz>0){<br>
ztk.style.marginLeft=(lz-2)+'px'; <br>
}else{<br>
fwz=ran();//撞墙重新选定方位 <br>
}<br>
var clsaa=parseInt(oArr[1])+1;<br>
ztk.className='qinl '+clsaa;<br>
}else{<br>
fwz=ran();//重新选定方位<br>
}<br>
}<br>
<br>
<br>
if(oArr[0]=='qint'){//持续向上移动50次<br>
if(parseInt(oArr[1])
var lz=ztk.style.marginTop;<br>
lz=parseInt(lz);<br>
if(lz>0){ <br>
ztk.style.marginTop=(lz-2)+'px'; <br>
}else{<br>
fwz=ran();//撞墙重新选定方位 <br>
}<br>
var clsaa=parseInt(oArr[1])+1;<br>
ztk.className='qint '+clsaa;<br>
}else{<br>
fwz=ran();//重新选定方位<br>
}<br>
}<br>
<br>
if(oArr[0]=='qinf'){//持续向下移动50次<br>
if(parseInt(oArr[1])
var lz=ztk.style.marginTop;<br>
lz=parseInt(lz);<br>
if(lz<h></h>
ztk.style.marginTop=(lz+2)+'px';<br>
}else{<br>
fwz=ran();//撞墙重新选定方位 <br>
}<br>
var clsaa=parseInt(oArr[1])+1;<br>
ztk.className='qinf '+clsaa;<br>
}else{<br>
fwz=ran();//重新选定方位<br>
}<br>
}<br>
<br>
}else{<br>
fwz=ran();//方位函数<br>
}<br>
<br>
<br>
<br>
<br>
if(fwz==2){//方位值为2就执行向右移动<br>
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
ztk.style.marginLeft=(lz+2)+'px'; <br>
ztk.className='qinr 1';<br>
}<br>
<br>
if(fwz==3){//方位值为3就执行向左移动<br>
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
ztk.style.marginLeft=(lz-2)+'px';<br>
ztk.className='qinl 1';<br>
}<br>
<br>
if(fwz==1){//方位值为1就执行向上移动<br>
var lz=ztk.style.marginTop;<br>
lz=parseInt(lz);<br>
ztk.style.marginTop=(lz-2)+'px';<br>
ztk.className='qint 1';<br>
}<br>
<br>
if(fwz==4){//方位值为4就执行向下移动<br>
var lz=ztk.style.marginTop;<br>
lz=parseInt(lz);<br>
ztk.style.marginTop=(lz+2)+'px';<br>
ztk.className='qinf 1';<br>
}<br>
},50);<br>
<br>
}<br>
function fensu(){//记分函数<br>
var ob=document.getElementById('fs');<br>
var s=ob.innerText;<br>
s=parseInt(s);<br>
s=s+1;<br>
ob.innerText=s;<br>
}
rew.zip
( 33.16 KB 下载：9 次 )
了解Python编程的入门级代码示例Jan 04, 2024 am 10:50 AM了解Python编程的入门级代码示例Python是一种简单易学，功能强大的编程语言。对于初学者来说，了解Python编程的入门级代码示例是非常重要的。本文将为您提供一些具体的代码示例，帮助您快速入门。打印HelloWorldprint("HelloWorld")这是Python中最简单的代码示例。print()函数用于将指定的内容输出
PHP переменные в действии: 10 реальных примеров использованияFeb 19, 2024 pm 03:00 PMPHP变量存储程序运行期间的值，对于构建动态且交互式的WEB应用程序至关重要。本文将深入探讨php变量，并通过10个真实的示例展示它们的实际应用。1.存储用户输入$username=$_POST["username"];$passWord=$_POST["password"];此示例从表单提交中提取用户名和密码，并将其存储在变量中以供进一步处理。2.设置配置值$database_host="localhost";$database_username="username";$database_pa
从入门到精通：Go语言中常用数据结构的代码实现Mar 04, 2024 pm 03:09 PM标题：从入门到精通：Go语言中常用数据结构的代码实现数据结构在编程中起着至关重要的作用，它是程序设计的基础。在Go语言中，有许多常用的数据结构，掌握这些数据结构的实现方式对于成为一名优秀的程序员至关重要。本文将介绍Go语言中常用的数据结构，并给出相应的代码示例，帮助读者从入门到精通这些数据结构。1.数组（Array）数组是一种基本的数据结构，是一组相同类型
Java实现简单的冒泡排序代码Jan 30, 2024 am 09:34 AMJava冒泡排序最简单的代码示例冒泡排序是一种常见的排序算法，它的基本思想是通过相邻元素的比较和交换来将待排序序列逐步调整为有序序列。下面是一个简单的Java代码示例，演示了如何实现冒泡排序：publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int
Go语言编程实例：Web开发中的代码示例Mar 04, 2024 pm 04:54 PM《Go语言编程实例：Web开发中的代码示例》随着互联网的快速发展，Web开发已经成为各行业中必不可少的一部分。作为一门功能强大且性能优越的编程语言，Go语言在Web开发中越来越受到开发者们的青睐。本文将通过具体的代码示例，介绍如何利用Go语言进行Web开发，让读者能够更好地理解和运用Go语言来构建自己的Web应用。1.简单的HTTP服务器首先，让我们从一个
如何使用PHP编写库存管理系统中的库存分仓管理功能代码Aug 06, 2023 pm 04:49 PM如何使用PHP编写库存管理系统中的库存分仓管理功能代码库存管理是许多企业中不可或缺的一部分。对于拥有多个仓库的企业来说，库存分仓管理功能尤为重要。通过合理管理和跟踪库存，企业可以实现不同仓库之间的库存调拨，优化运营成本，改善协同效率。本文将介绍如何使用PHP编写库存分仓管理功能的代码，并为您提供相关的代码示例。一、建立数据库在开始编写库存分仓管理功能的代码之
指导与示例：学习Java选择排序算法的实现Feb 18, 2024 am 10:52 AMJava选择排序法代码编写指南及示例选择排序是一种简单直观的排序算法，其思想是每次从未排序的元素中选择最小（或最大）的元素进行交换，直到所有元素排序完成。本文将提供选择排序的代码编写指南，并附上具体的Java示例代码。算法原理选择排序的基本原理是将待排序数组分为已排序和未排序两部分，每次从未排序部分选择最小（或最大）的元素，将其放到已排序部分的末尾。重复上述
华为云边缘计算对接指南：Java代码示例快速实现接口Jul 05, 2023 pm 09:57 PM华为云边缘计算对接指南：Java代码示例快速实现接口随着物联网技术的快速发展和边缘计算的兴起，越来越多的企业开始关注边缘计算的应用。华为云提供了边缘计算服务，为企业提供了高可靠的计算资源和便捷的开发环境，使得边缘计算应用更加容易实现。本文将介绍如何通过Java代码快速实现华为云边缘计算的接口。首先，我们需要准备好开发环境。确保你已经安装了Java开发工具包（
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中，你可以继续在那里关注我们。MinGW：GNU编译器集合（GCC）的本地Windows移植版本，可自由分发的导入库和用于构建本地Windows应用程序的头文件；包括对MSVC运行时的扩展，以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。
SublimeText3 英文版
推荐：为Win版本，支持代码提示！
EditPlus 中文破解版
体积小，语法高亮，不支持代码提示功能
VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器
ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境
