Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Html/CSS/JavaScript › Egy kis játék, amit JavaScript készített
Nézet: 17480|Válasz: 8

[JavaScript] Egy kis játék, amit JavaScript készített

[Linket másol]
Közzétéve 2014. 11. 07. 22:58:39 | | | |
Állítás: A technológia kicsit szennyű, az isten nem tör fel, nem én végeztem a gombfeldolgozást, csak akkor tudom frissíteni az oldalt, amikor felakasztom
       Íme a kód: Közvetlenül letöltheted a csatolmányt
  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)" />
Kód másolása




Tank.zip

1,48 KB, letöltési idő: 13, Letöltési kredit: -1 presztízs, -1 hozzájárulás




Előző:C# hívások RunDll32.exe tisztítani a böngészőgyorsítótárt és a hulladékot
Következő:Küldjetek néhány Thunder tagot!
Közzétéve 2014. 11. 07. 23:17:26 |
Még mindig letöltöm a csatolmányt, és elfelejtem, a játék elég nehéz játszani, javaslom, állítsd be a nehézséget 1-re  
 Háziúr| Közzétéve 2014. 11. 07. 23:20:14 |
admin közzétéve: 2014-11-7 23:17
Még mindig letöltöm a csatolmányt, és elfelejtem, a játék elég nehéz játszani, javaslom, állítsd be a nehézséget 1-re

Változtasd meg a forráskódot és állítsd be az időt
Közzétéve 2014. 11. 13. 20:09:28 |


Gondolom, oda tettem az egerem?
Közzétéve 2014. 11. 13. 21:15:56 |
Milyen játék? Hogyan játsszuk a Gameovert az elejétől
 Háziúr| Közzétéve 2014. 11. 14. 22:21:24 |
Beicheng szövés hőmérséklete 22 fok Közzétéve: 2014-11-13 21:15
Milyen játék? Hogyan játsszuk a Gameovert az elejétől

Az egeret nem találja el egy mozgó tartály, és azonnal lelóg az ütés után
 Háziúr| Közzétéve 2014. 11. 14. 22:22:10 |
admin közzétéve: 2014-11-13 20:09
Gondolom, oda tettem az egerem?

Micsoda erőteljes megjelenés
Közzétéve 2014. 11. 14. 22:22:51 |
jégkorcsolyázott 2014-11-14 22:22-én küldték
Micsoda erőteljes megjelenés

Valójában a cenzúra elemeket használtam
 Háziúr| Közzétéve 2014. 11. 14. 22:23:50 |
admin közzétéve: 2014-11-14 22:22
Valójában a cenzúra elemeket használtam

Az általános F12  
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com