In diesem Artikel wird H5 -Leinwand eingeführt, um gierige Schlangenspiele zu erreichen, sie wie folgt mit allen teilen:
Der Effekt ist wie folgt Implementierungsideen:PS: Das denke nur.
1. Zeichne die Schlange zuerst <! </head> <body> <canvas id = canvas width = 800 height = 500> </body> </body> <script> var canvas = document.getElementById ('canvas'); ('2d'); color = color;} // Die Methode zum Zeichnen eines Blocks rect.prototype.draw = function () {context.beginPath (); . // Vier Quadratblöcke zeichnen, auf grau einstellen für (var i = 0; i <4; i ++) {var rect = new Rect (i*20,0,20,20, grau); Push (plus später), um den Schlangenkopf an der ersten Position des Array -Snakearray.splice (0,0, RECT) anzuzeigen;} // Head = Snakearray [0]; Die Dinge, die nach zwei Menschen verwendet werden, werden als Attribute festgelegt, so dass der spätere Aufruf dies. (mit dem richtigen Pfeil von KeyCode) this.direction = 39;} // Die Methode zur Malen von Snake Snake.Prototype.draw = function () {for (var i = 0; i <this.snakearray.length; i ++) { this.snakearray [i] .draw ();} // Die Methode der Schlangenbewegung Snake.Prototype.move = function () {// Dies ist der Kernteil, die Bewegungsmethode der Schlange // 1. Zeichnen Sie ein graues Quadrat. Überlappen Sie die Position mit dem Schlangenkopf // 2. Legen Sie diesen Block in die Position hinter dem Schlangenkopf im Array // 3 ein. Schneiden Sie das Ende des Endes ab // 4. Bewegen Sie den Schlangenkopf in Richtung der Einstellungsrichtung . Ein Raster var rect = neu (this.head.x, thishead.y, this / Bestimmen Sie, ob Lebensmittel gegessen werden sollen, die Bestimmungsfunktion der ISEat wird am Ende geschrieben // Wenn Sie sie essen, wird das Essen erneut die Position erhalten. getrandomfood ();} else {this.snakearray.pop ();} // Setzen Sie die Bewegungsrichtung des Schlangenkopfes, 37 links, 38, 39 rechts, 40 Stich (this. Richtung) {Fall 37: this.head. x- = this.head.w Break; .y += this.head.h Break; .y> canvas.height || I = 1; i <this.snakearay.length; (Timer);}}} // Zeichnen Sie die anfängliche Schlange var snake = new Snake () Snake.draw (); {context.clearRect (0,0, Canvas.width, Canvas.head); Machen Sie die Schlange nicht in der Lage, sich direkt an das Dokument zu wenden. Snake.Direction = 37;} Break;} Fall 38: {if (Snake.Direction! == 40) {Snake.Direction = 38;} Break; DIRECTION = 39;} Break;} Fall 40: {if (Snake.Direction! == 38) {Snake.Direction = 40;} Bream; var range = max-min; var r = math.random (); Es ist schwer, dann die Varitativitätsnake = // den zufälligen Ort von Nahrung (ISSONSNAKE) zu setzen. Aussagen werden die folgenden Anweisungen nicht ausführen. 20, 20, grün); y == rect.y) {// Wenn die Bestimmung realisiert wird, setzen Sie sie auf wahr, so dass die Zufallszahl wieder issnake = true; Objektfutter hat eine Ziehmethode zurück. head.y == food.y) {return true;} else {return false;} </script> </html>Das oben genannte ist der Inhalt dieses Artikels.