Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Html/CSS/JavaScript › Un mic joc făcut cu JavaScript
Vedere: 17480|Răspunde: 8

[JavaScript] Un mic joc făcut cu JavaScript

[Copiază linkul]
Postat pe 07.11.2014 22:58:39 | | | |
Declarație: Tehnologia este cam proastă, zeul nu mă hackuiește, nu am făcut procesarea butoanelor, pot doar să reîmprospătez pagina când o agăț
       Iată codul: Poți descărca direct atașamentul
  1. <html>
  2. <head>
  3.     <title></title>
  4.     <script type ="text/javascript">

  6.         //***********封装一个Tank类***
  7.         //当创建一个实例时在页面生成一个Tank
  8.         function Tank(x, y) {
  9.             this.x = x;
  10.             this.y = y;
  11.             this.shape = "~^~";
  12.             //****创建div到页面****
  13.             this.div = document.createElement("div");
  14.             this.div.style.position = "absolute";
  15.             this.div.style.width = "40px";
  16.             this.div.style.height = "40px";
  17.             this.div.style.lineHeight = "20px";
  18.             this.div.style.textAlign = "center";
  19.             this.div.style.backgroundColor = "red";
  20.             this.div.style.left = this.x + "px";
  21.             this.div.style.top = this.y + "px";
  22.             this.div.innerHTML = this.shape;
  23.             document.body.appendChild(this.div);
  24.             //*************************
  25.             this.move = function (left, top) {
  26.                 var h = window.innerHeight || document.documentElement.clientHeight;  // 浏览器内容窗口的高
  27.                 var w = document.documentElement.clientWidth;  // 宽
  28.                 this.x += left;
  29.                 this.y += top;
  30.                 if (this.x + 40 > w) {
  31.                     this.x = w - 40;
  32.                 }
  33.                 if (this.x < 0) {
  34.                     this.x = 0;
  35.                 }
  36.                 if (this.y + 40 > h) {
  37.                     this.y = h - 40;
  38.                 }
  39.                 if (this.y < 0) {
  40.                     this.y = 0;
  41.                 }
  42.                 this.div.style.left = this.x + "px";
  43.                 this.div.style.top = this.y + "px";
  44.             };
  45.             //消失的方法
  46.             this.die = function () {
  47.                 document.body.removeChild(this.div);
  48.             };
  49.         }

  51.         //****************创建*****
  52.         var arr = new Array();
  53.         var i = 0;
  54.         function createTank() {
  55.             var x = document.getElementById("xp").value;
  56.             var y = document.getElementById("yp").value;
  57.             arr[i] = new Tank(parseInt(x), parseInt(y));
  58.             startMove(i);   
  59.             i++;
  60.         }

  62.         var siArr = new Array();//记录下所有回调
  63.         function startMove(num) {
  64.                 //速度与方向**************************
  65.                 var xLen = Math.random() * 20;
  66.                 xLen = parseInt(xLen);  //5
  67.                 var yLen = Math.random() * 20;
  68.                 yLen = parseInt(yLen);  //5
  69.                 //************************
  70.                 siArr[num] = setInterval(function () {
  71.                     arr[num].move(xLen, yLen);
  72.                     if (mouseX >= arr[num].x && mouseX <= arr[num].x + 40 &&
  73.                         mouseY >= arr[num].y && mouseY <= arr[num].y + 40
  74.                     ) {

  76.                         for (var j = 0; j < siArr.length; j++) {
  77.                             clearInterval(siArr[j]);
  78.                         }
  79.                         clearInterval(si);
  80.                         alert("game over!");

  82.                     }

  84.                     var h = window.innerHeight || document.documentElement.clientHeight;  // 浏览器内容窗口的高
  85.                     var w = document.documentElement.clientWidth;  // 宽
  86.                     if (arr[num].x >= w - 40) {
  87.                         xLen = Math.abs(xLen) * (-1);
  88.                     }
  89.                     if (arr[num].x <= 0) {
  90.                         xLen = Math.abs(xLen);
  91.                     }
  92.                     if (arr[num].y >= h - 40) {
  93.                         yLen = Math.abs(yLen) * (-1);
  94.                     }
  95.                     if (arr[num].y <= 0) {
  96.                         yLen = Math.abs(yLen);
  97.                     }
  98.                 }, 10);
  99.         }


  102.         var mouseX = 0;
  103.         var mouseY = 0;
  104.         document.onmousemove = function (e) {
  105.             var ev = e || event;
  106.             mouseX =parseInt( ev.clientX);
  107.             mouseY =parseInt( ev.clientY);
  108.             document.title = "x:" + mouseX + " y:" + mouseY;
  109.         }

  111.         //*********************开始游戏
  112.         var si = null;
  113.         function startGame(v) {
  114.             i = 0;
  115.             v.disabled = true;
  116.             var time = 0;
  117.             si = setInterval(function () {
  118.                 time++;
  119.                 v.value = "时间:" + time + "秒";
  120.             }, 1000);
  121.             var n=document.getElementById("lev").value;
  122.             n=parseInt(n);
  123.             for ( ; i < n; i++) {
  124.                 arr[i] = new Tank(200, 200);
  125.                 startMove(i);
  126.             }
  127.         }
  128.     </script>
  129. </head>
  130. <body >
  131. <center>
  132. <br />看你能玩多久!!
  133. 难度:<input  type ="text" value ="10" id="lev" />
  134. <input type ="button" value="开始" onclick="startGame(this)" />
Cod de copiere




Tank.zip

1,48 KB, Timpi de descărcare: 13, Credite de descărcare: -1 prestigiu, -1 contribuție




Precedent:apeluri C# RunDll32.exe curăță cache-ul browserului și fișierele nesănătoase
Următor:Trimiteți câțiva membri Thunder!
Postat pe 07.11.2014 23:17:26 |
Tot descarc atașamentul și îl uit, jocul este destul de greu de jucat, îți sugerez să ajustezi dificultatea la 1  
 Proprietarul| Postat pe 07.11.2014 23:20:14 |
admin Postat la 2014-11-7 23:17
Tot descarc atașamentul și îl uit, jocul este destul de greu de jucat, îți sugerez să ajustezi dificultatea la 1

Schimbă codul sursă și ajustează ora
Postat pe 13.11.2014 20:09:28 |


Cred că am pus șoarecele acolo?
Postat pe 13.11.2014 21:15:56 |
Ce joc? Cum să joci Gameover de la început
 Proprietarul| Postat pe 14.11.2014 22:21:24 |
Temperatura țesutului Beicheng 22 grade Postat la 2014-11-13 21:15
Ce joc? Cum să joci Gameover de la început

Șoarecele nu poate fi lovit de un tanc în mișcare și rămâne suspendat imediat ce este lovit
 Proprietarul| Postat pe 14.11.2014 22:22:10 |
admin postat la 2014-11-13 20:09
Cred că am pus șoarecele acolo?

Ce privire puternică
Postat pe 14.11.2014 22:22:51 |
Ice skates Postat la 2014-11-14 22:22
Ce privire puternică

De fapt, am folosit elemente de cenzură
 Proprietarul| Postat pe 14.11.2014 22:23:50 |
admin Postat pe 2014-11-14 22:22
De fapt, am folosit elemente de cenzură

F12 polivalent  
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com