Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Ansehen: 17480|Antwort: 8

[JavaScript] Ein kleines Spiel, das mit JavaScript gemacht wurde

[Link kopieren]
Veröffentlicht am 07.11.2014 22:58:39 | | | |
Aussage: Die Technik ist ein bisschen Abschaum, der Gott hackt mich nicht, ich habe die Button-Verarbeitung nicht gemacht, ich kann die Seite nur aktualisieren, wenn ich sie aufhänge.
       Hier ist der Code: Du kannst den Anhang auch direkt herunterladen
  1. <html>
  2. <head>
  3.     <title></title>
  4.     <script type ="text/javascript">

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

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

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

  72.                         for (var j = 0; j < siArr.length; j++) {
  73.                             clearInterval(siArr[j]);
  74.                         }
  75.                         clearInterval(si);
  76.                         alert("game over!");

  77.                     }

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


  94.         var mouseX = 0;
  95.         var mouseY = 0;
  96.         document.onmousemove = function (e) {
  97.             var ev = e || event;
  98.             mouseX =parseInt( ev.clientX);
  99.             mouseY =parseInt( ev.clientY);
  100.             document.title = "x:" + mouseX + " y:" + mouseY;
  101.         }

  102.         //*********************开始游戏
  103.         var si = null;
  104.         function startGame(v) {
  105.             i = 0;
  106.             v.disabled = true;
  107.             var time = 0;
  108.             si = setInterval(function () {
  109.                 time++;
  110.                 v.value = "时间:" + time + "秒";
  111.             }, 1000);
  112.             var n=document.getElementById("lev").value;
  113.             n=parseInt(n);
  114.             for ( ; i < n; i++) {
  115.                 arr[i] = new Tank(200, 200);
  116.                 startMove(i);
  117.             }
  118.         }
  119.     </script>
  120. </head>
  121. <body >
  122. <center>
  123. <br />看你能玩多久!!
  124. 难度:<input  type ="text" value ="10" id="lev" />
  125. <input type ="button" value="开始" onclick="startGame(this)" />
Code kopieren




Tank.zip

1,48 KB, Downloadzeiten: 13, Download-Credits: -1 Prestige, -1 Beitrag





Vorhergehend:C#-Aufrufe RunDll32.exe Browser-Cache und Junk bereinigen
Nächster:Schickt ein paar Thunder-Mitglieder!
Veröffentlicht am 07.11.2014 23:17:26 |
Ich lade den Anhang trotzdem herunter und vergesse es, das Spiel ist ziemlich schwer zu spielen, ich empfehle dir, den Schwierigkeitsgrad auf 1 zu stellen  
 Vermieter| Veröffentlicht am 07.11.2014 23:20:14 |
Admin veröffentlicht am 07.11.2014, 23:17 Uhr
Ich lade den Anhang trotzdem herunter und vergesse es, das Spiel ist ziemlich schwer zu spielen, ich empfehle dir, den Schwierigkeitsgrad auf 1 zu stellen

Ändere den Quellcode und passe die Zeit an
Veröffentlicht am 13.11.2014 20:09:28 |


Ich schätze, ich habe meine Maus da hingestellt?
Veröffentlicht am 13.11.2014 21:15:56 |
Welches Spiel? Wie man Gameover von Anfang an spielt
 Vermieter| Veröffentlicht am 14.11.2014 22:21:24 |
Beicheng Webtemperatur 22 Grad Veröffentlicht am 13.11.2014, 21:15 Uhr
Welches Spiel? Wie man Gameover von Anfang an spielt

Die Maus kann von einem sich bewegenden Panzer nicht getroffen werden und hängt sofort, sobald sie getroffen wird
 Vermieter| Veröffentlicht am 14.11.2014 22:22:10 |
Admin veröffentlicht am 13.11.2014, 20:09 Uhr
Ich schätze, ich habe meine Maus da hingestellt?

Was für ein kraftvoller Look
Veröffentlicht am 14.11.2014 22:22:51 |

Tatsächlich habe ich Zensurelemente verwendet
 Vermieter| Veröffentlicht am 14.11.2014 22:23:50 |
Admin veröffentlicht am 14.11.2014 um 22:22 Uhr
Tatsächlich habe ich Zensurelemente verwendet

Der Allzweck-F12  
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.

Mail To:help@itsvse.com