Un petit jeu créé par JavaScript

Patins à glace · Publié sur 07/11/2014 22:58:39

Déclaration : La technologie est un peu nulle, le dieu ne me pirate pas, je n’ai pas fait le traitement des boutons, je ne peux que rafraîchir la page quand je la suspends
Voici le code : Vous pouvez également télécharger directement la pièce jointe

<html>
<head>
<title></title>
<script type ="text/javascript">
//***********封装一个Tank类***
//当创建一个实例时在页面生成一个Tank
function Tank(x, y) {
this.x = x;
this.y = y;
this.shape = "~^~";
//****创建div到页面****
this.div = document.createElement("div");
this.div.style.position = "absolute";
this.div.style.width = "40px";
this.div.style.height = "40px";
this.div.style.lineHeight = "20px";
this.div.style.textAlign = "center";
this.div.style.backgroundColor = "red";
this.div.style.left = this.x + "px";
this.div.style.top = this.y + "px";
this.div.innerHTML = this.shape;
document.body.appendChild(this.div);
//*************************
this.move = function (left, top) {
var h = window.innerHeight || document.documentElement.clientHeight; // 浏览器内容窗口的高
var w = document.documentElement.clientWidth; // 宽
this.x += left;
this.y += top;
if (this.x + 40 > w) {
this.x = w - 40;
}
if (this.x < 0) {
this.x = 0;
}
if (this.y + 40 > h) {
this.y = h - 40;
}
if (this.y < 0) {
this.y = 0;
}
this.div.style.left = this.x + "px";
this.div.style.top = this.y + "px";
};
//消失的方法
this.die = function () {
document.body.removeChild(this.div);
};
}
//****************创建*****
var arr = new Array();
var i = 0;
function createTank() {
var x = document.getElementById("xp").value;
var y = document.getElementById("yp").value;
arr[i] = new Tank(parseInt(x), parseInt(y));
startMove(i);
i++;
}
var siArr = new Array();//记录下所有回调
function startMove(num) {
//速度与方向**************************
var xLen = Math.random() * 20;
xLen = parseInt(xLen); //5
var yLen = Math.random() * 20;
yLen = parseInt(yLen); //5
//************************
siArr[num] = setInterval(function () {
arr[num].move(xLen, yLen);
if (mouseX >= arr[num].x && mouseX <= arr[num].x + 40 &&
mouseY >= arr[num].y && mouseY <= arr[num].y + 40
) {
for (var j = 0; j < siArr.length; j++) {
clearInterval(siArr[j]);
}
clearInterval(si);
alert("game over!");
}
var h = window.innerHeight || document.documentElement.clientHeight; // 浏览器内容窗口的高
var w = document.documentElement.clientWidth; // 宽
if (arr[num].x >= w - 40) {
xLen = Math.abs(xLen) * (-1);
}
if (arr[num].x <= 0) {
xLen = Math.abs(xLen);
}
if (arr[num].y >= h - 40) {
yLen = Math.abs(yLen) * (-1);
}
if (arr[num].y <= 0) {
yLen = Math.abs(yLen);
}
}, 10);
}
var mouseX = 0;
var mouseY = 0;
document.onmousemove = function (e) {
var ev = e || event;
mouseX =parseInt( ev.clientX);
mouseY =parseInt( ev.clientY);
document.title = "x:" + mouseX + " y:" + mouseY;
}
//*********************开始游戏
var si = null;
function startGame(v) {
i = 0;
v.disabled = true;
var time = 0;
si = setInterval(function () {
time++;
v.value = "时间:" + time + "秒";
}, 1000);
var n=document.getElementById("lev").value;
n=parseInt(n);
for ( ; i < n; i++) {
arr[i] = new Tank(200, 200);
startMove(i);
}
}
</script>
</head>
<body >
<center>
<br />看你能玩多久!!
难度:<input type ="text" value ="10" id="lev" />
<input type ="button" value="开始" onclick="startGame(this)" />

Code de copie

Admin · Publié sur 07/11/2014 23:17:26

Je télécharge encore la pièce jointe et j’oublie, le jeu est assez difficile à jouer, je te conseille d’ajuster la difficulté à 1

Patins à glace · Publié sur 07/11/2014 23:20:14

admin publié le 07-11-2014 à 23:17
Je télécharge encore la pièce jointe et j’oublie, le jeu est assez difficile à jouer, je te conseille d’ajuster la difficulté à 1

Changez le code source et ajustez l’heure

Admin · Publié sur 13/11/2014 20:09:28

Je suppose que j’ai mis ma souris là ?

La température dans la ville du nord est de 22 degrés · Publié sur 13/11/2014 21:15:56

Quel jeu ? Comment jouer à Gameover depuis le début

Patins à glace · Publié sur 14/11/2014 22:21:24

Température du tissage de Beicheng 22 degrés Publié le 13-11-2014 à 21:15
Quel jeu ? Comment jouer à Gameover depuis le début

La souris ne peut pas être touchée par un tank en mouvement et reste suspendue dès qu’elle est touchée

Patins à glace · Publié sur 14/11/2014 22:22:10

admin publié le 2014-11-13 à 20:09
Je suppose que j’ai mis ma souris là ?

Quel regard puissant

Admin · Publié sur 14/11/2014 22:22:51

Patins à glace Publié le 14-11-2014 à 22:22
Quel regard puissant

En fait, j’ai utilisé des éléments de censure

Patins à glace · Publié sur 14/11/2014 22:23:50

admin publié le 14-11-2014 à 22:22
En fait, j’ai utilisé des éléments de censure

Le F12 polyvalent

[JavaScript] Un petit jeu créé par JavaScript

Sections vues