php教程
php手册
js tank battle to realize the shell hitting the target and disappearing and scoring
js tank battle to realize the shell hitting the target and disappearing and scoring
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>
/**Create initial bullet*/<br>
<br>
/**Get the direction of the bullet*/<br>
var fx=che.className;//The bullet direction can only be obtained at the initial stage of the bullet<br>
/**Get the direction of the bullet*/<br>
<br>
<br>
<br>
<br>
var set=setInterval(function(){<br>
<br>
var zd=document.getElementById(myid);//Get bullets<br>
<br>
If(fx=='qin39'){//The bullet goes to the right<br>
var ls=zd.style.marginLeft;<br>
ls=parseInt(ls);<br>
If(ls<w></w>
zd.style.marginLeft=(ls+1)+'px';<br>
}else{<br>
rezidan(myid);<br>
“
}<br>
}<br>
If(fx=='qin37'){//The bullet goes to the left<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>
“
}<br>
}<br>
If(fx=='qin38'){//Bullet upward<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>
“
}<br>
}<br>
If(fx=='qin40'){//Bullet downwards<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>
“
}<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>
/**Create a tank*/<br>
<br>
var setz=setInterval(function(){<br>
/**Being hit*/ <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);//删除Being hit坦克<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 (); // Struggle the wall and re -select the position <br>
Var clsaa = PARSEINT (our [1])+1; <br>
ztk.className='qinr '+clsaa;<br>
}else{<br>
Fwz = ran (); // Re -select the position <br>
}<br>
}<br>
<br>
<br>
If(oArr[0]=='qinl'){//Continue to move left 50 times<br>
If(parseInt(oArr[1])
lz=parseInt(lz);<br>
If(lz>0){<br>
ztk.style.marginLeft=(lz-2)+'px'; <br>
}else{<br>
Fwz = ran (); // Struggle the wall and re -select the position <br>
Var clsaa = PARSEINT (our [1])+1; <br>
ztk.className='qinl '+clsaa;<br>
}else{<br>
Fwz = ran (); // Re -select the position <br>
}<br>
}<br>
<br>
<br> if(oArr[0]=='qint'){//Continue to move up 50 times<br>
If(parseInt(oArr[1])
lz=parseInt(lz);<br>
If(lz>0){<br>
ztk.style.marginTop=(lz-2)+'px'; <br>
}else{<br>
Fwz = ran (); // Struggle the wall and re -select the position <br>
Var clsaa = PARSEINT (our [1])+1; <br>
ztk.className='qint '+clsaa;<br>
}else{<br>
Fwz = ran (); // Re -select the position <br>
}<br>
}<br>
If(oArr[0]=='qinf'){//Continue to move down 50 times<br>
If(parseInt(oArr[1])
lz=parseInt(lz);<br>
If(lz<h></h>
ztk.style.marginTop=(lz+2)+'px';<br>
}else{<br>
Fwz = ran (); // Struggle the wall and re -select the position <br>
Var clsaa = PARSEINT (our [1])+1; <br>
ztk.className='qinf '+clsaa;<br>
}else{<br>
Fwz = ran (); // Re -select the position <br> }<br>
}<br>
}else{<br>
Fwz = ran (); // Activity function <br>
}<br>
If (fwz == 2) {// Interesting value is 2, execute to the right
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
ztk.style.marginLeft=(lz+2)+'px'; <br>
ztk.className='qinr 1';<br>
}<br>
If (fwz == 3) {// Interesting value 3 is executed to the left
var lz=ztk.style.marginLeft;<br>
lz=parseInt(lz);<br>
ztk.style.marginLeft=(lz-2)+'px';<br>
ztk.className='qinl 1';<br>
}<br>
If (fwz == 1) {// Interesting value 1 is executed upward <br>
var lz=ztk.style.marginTop;<br>
lz=parseInt(lz);<br>
ztk.style.marginTop=(lz-2)+'px';<br>
ztk.className='qint 1';<br>
}<br>
If (fwz == 4) {// Interesting value is 4, move downward <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(){//Scoring function<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 Download: 9 times )
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1382
52
Learn about introductory code examples for Python programming
Jan 04, 2024 am 10:50 AM
Learn about Python programming with introductory code examples Python is an easy-to-learn, yet powerful programming language. For beginners, it is very important to understand the introductory code examples of Python programming. This article will provide you with some concrete code examples to help you get started quickly. Print HelloWorldprint("HelloWorld") This is the simplest code example in Python. The print() function is used to output the specified content
Go language programming examples: code examples in web development
Mar 04, 2024 pm 04:54 PM
"Go Language Programming Examples: Code Examples in Web Development" With the rapid development of the Internet, Web development has become an indispensable part of various industries. As a programming language with powerful functions and superior performance, Go language is increasingly favored by developers in web development. This article will introduce how to use Go language for Web development through specific code examples, so that readers can better understand and use Go language to build their own Web applications. 1. Simple HTTP Server First, let’s start with a
PHP variables in action: 10 real-life examples of use
Feb 19, 2024 pm 03:00 PM
PHP variables store values during program runtime and are crucial for building dynamic and interactive WEB applications. This article takes an in-depth look at PHP variables and shows them in action with 10 real-life examples. 1. Store user input $username=$_POST["username"];$passWord=$_POST["password"]; This example extracts the username and password from the form submission and stores them in variables for further processing. 2. Set the configuration value $database_host="localhost";$database_username="username";$database_pa
Java implements simple bubble sort code
Jan 30, 2024 am 09:34 AM
The simplest code example of Java bubble sort Bubble sort is a common sorting algorithm. Its basic idea is to gradually adjust the sequence to be sorted into an ordered sequence through the comparison and exchange of adjacent elements. Here is a simple Java code example that demonstrates how to implement bubble sort: publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int
From beginner to proficient: Code implementation of commonly used data structures in Go language
Mar 04, 2024 pm 03:09 PM
Title: From Beginner to Mastery: Code Implementation of Commonly Used Data Structures in Go Language Data structures play a vital role in programming and are the basis of programming. In the Go language, there are many commonly used data structures, and mastering the implementation of these data structures is crucial to becoming a good programmer. This article will introduce the commonly used data structures in the Go language and give corresponding code examples to help readers from getting started to becoming proficient in these data structures. 1. Array Array is a basic data structure, a group of the same type
Huawei Cloud Edge Computing Interconnection Guide: Java code examples to quickly implement interfaces
Jul 05, 2023 pm 09:57 PM
Huawei Cloud Edge Computing Interconnection Guide: Java Code Samples to Quickly Implement Interfaces With the rapid development of IoT technology and the rise of edge computing, more and more enterprises are beginning to pay attention to the application of edge computing. Huawei Cloud provides edge computing services, providing enterprises with highly reliable computing resources and a convenient development environment, making edge computing applications easier to implement. This article will introduce how to quickly implement the Huawei Cloud edge computing interface through Java code. First, we need to prepare the development environment. Make sure you have the Java Development Kit installed (
How to use PHP to write inventory management function code in the inventory management system
Aug 06, 2023 pm 04:49 PM
How to use PHP to write the inventory management function code in the inventory management system. Inventory management is an indispensable part of many enterprises. For companies with multiple warehouses, the inventory management function is particularly important. By properly managing and tracking inventory, companies can allocate inventory between different warehouses, optimize operating costs, and improve collaboration efficiency. This article will introduce how to use PHP to write code for inventory warehouse management functions, and provide you with relevant code examples. 1. Establish the database before starting to write the code for the inventory warehouse management function.
Guidance and Examples: Learn to implement the selection sort algorithm in Java
Feb 18, 2024 am 10:52 AM
Java Selection Sorting Method Code Writing Guide and Examples Selection sorting is a simple and intuitive sorting algorithm. The idea is to select the smallest (or largest) element from the unsorted elements each time and exchange it until all elements are sorted. This article will provide a code writing guide for selection sorting, and attach specific Java sample code. Algorithm Principle The basic principle of selection sort is to divide the array to be sorted into two parts, sorted and unsorted. Each time, the smallest (or largest) element is selected from the unsorted part and placed at the end of the sorted part. Repeat the above
