Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Html/CSS/JavaScript › Ett litet spel gjort med JavaScript
Utsikt: 17480|Svar: 8

[JavaScript] Ett litet spel gjort med JavaScript

[Kopiera länk]
Publicerad på 2014-11-07 22:58:39 | | | |
Uttalande: Teknologin är lite uselt, guden hackar mig inte, jag gjorde inte knappbearbetningen, jag kan bara uppdatera sidan när jag hänger upp den
       Här är koden: Du kan också ladda ner bilagan direkt
  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)" />
Kopiera koden




Tank.zip

1,48 KB, Nedladdningstider: 13, Nedladdningskrediter: -1 prestige, -1 bidrag




Föregående:C#-anrop RunDll32.exe rensa webbläsarens cache och skräp
Nästa:Skicka några Thunder-medlemmar!
Publicerad på 2014-11-07 23:17:26 |
Jag laddar fortfarande ner bilagan och glömmer bort den, spelet är ganska svårt att spela, jag föreslår att du justerar svårighetsgraden till 1  
 Hyresvärd| Publicerad på 2014-11-07 23:20:14 |
Admin publicerad den 2014-11-7 23:17
Jag laddar fortfarande ner bilagan och glömmer bort den, spelet är ganska svårt att spela, jag föreslår att du justerar svårighetsgraden till 1

Ändra källkoden och justera tiden
Publicerad på 2014-11-13 20:09:28 |


Gissar att jag satte min mus där?
Publicerad på 2014-11-13 21:15:56 |
Vilket spel? Hur man spelar Gameover från början
 Hyresvärd| Publicerad på 2014-11-14 22:21:24 |
Beicheng-vävningstemperatur 22 grader Publicerad den 2014-11-13 21:15
Vilket spel? Hur man spelar Gameover från början

Musen kan inte träffas av en rörlig tank och hänger sig så fort den träffas
 Hyresvärd| Publicerad på 2014-11-14 22:22:10 |
Admin publicerad den 2014-11-13 20:09
Gissar att jag satte min mus där?

Vilket kraftfullt utseende
Publicerad på 2014-11-14 22:22:51 |
Skridskor Publicerade den 2014-11-14 22:22
Vilket kraftfullt utseende

Faktiskt använde jag censurelement
 Hyresvärd| Publicerad på 2014-11-14 22:23:50 |
Admin postade den 2014-11-14 22:22
Faktiskt använde jag censurelement

Den allsidiga F12  
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com