Ένα μικρό παιχνίδι φτιαγμένο από JavaScript

παγοπέδιλα · Δημοσιεύτηκε στις 7/11/2014 10:58:39 μ.μ.

Δήλωση: Η τεχνολογία είναι λίγο αποβράσματα, ο θεός δεν με χακάρει, δεν έκανα την επεξεργασία κουμπιών, μπορώ να ανανεώσω τη σελίδα μόνο όταν την κρεμάσω
Εδώ είναι ο κωδικός: Μπορείτε επίσης να κατεβάσετε απευθείας το συνημμένο

<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)" />

Αντιγραφή κώδικα

διαχειριστής · Δημοσιεύτηκε στις 7/11/2014 11:17:26 μ.μ.

Εξακολουθώ να κατεβάζω το συνημμένο και να το ξεχνάω, το παιχνίδι είναι αρκετά δύσκολο να παίξεις, σου προτείνω να προσαρμόσεις τη δυσκολία στο 1

παγοπέδιλα · Δημοσιεύτηκε στις 7/11/2014 11:20:14 μ.μ.

admin δημοσιεύτηκε στις 2014-11-7 23:17
Εξακολουθώ να κατεβάζω το συνημμένο και να το ξεχνάω, το παιχνίδι είναι αρκετά δύσκολο να παίξεις, σου προτείνω να προσαρμόσεις τη δυσκολία στο 1

Αλλάξτε τον πηγαίο κώδικα και προσαρμόστε την ώρα

διαχειριστής · Δημοσιεύτηκε στις 13/11/2014 8:09:28 μ.μ.

Υποθέτω ότι έβαλα το ποντίκι μου εκεί;

Δημοσιεύτηκε στις 13/11/2014 9:15:56 μ.μ.

Ποιο παιχνίδι; Πώς να παίξετε το Gameover από την αρχή

παγοπέδιλα

Θερμοκρασία ύφανσης Beicheng 22 βαθμοί Δημοσιεύτηκε στις 2014-11-13 21:15
Ποιο παιχνίδι; Πώς να παίξετε το Gameover από την αρχή

Το ποντίκι δεν μπορεί να χτυπηθεί από κινούμενη δεξαμενή και κρέμεται μόλις χτυπηθεί

παγοπέδιλα

admin δημοσιεύτηκε στις 2014-11-13 20:09
Υποθέτω ότι έβαλα το ποντίκι μου εκεί;

Τι δυνατή εμφάνιση

διαχειριστής · *Δημοσιεύτηκε στις 14/11/2014 10:22:51 μ.μ.* |

παγοπέδιλα Δημοσιεύτηκε στις 2014-11-14 22:22
Τι δυνατή εμφάνιση

Στην πραγματικότητα, χρησιμοποίησα στοιχεία λογοκρισίας

παγοπέδιλα

admin δημοσιεύτηκε στις 2014-11-14 22:22
Στην πραγματικότητα, χρησιμοποίησα στοιχεία λογοκρισίας

Το F12 για όλες τις χρήσεις

[JavaScript] Ένα μικρό παιχνίδι φτιαγμένο από JavaScript

Ενότητες που προβλήθηκαν