Chuanzhi Podcast JavaScript objektorientierte Vervollständigung der Video-Tutorial-Materialien (Kursunterlagen, Quellcode) des Snake-Spiels

„Chuanzhi Podcast JavaScript Object-Oriented Completion of the Snake Game Video Tutorial“ führt in das Wissen über JavaScript objektorientiert ein und verwendet objektorientierte Programmierideen, um das Snake-Spiel zu vervollständigen. Die Schreibweise ist ziemlich verwirrend und es gibt einen logischen Fehler: Nachdem die Schlange die Frucht gefressen hat, sollte sie einen Abschnitt zum Schwanz der Schlange hinzufügen, aber es steht geschrieben, dass sie einen Abschnitt zum Kopf der Schlange hinzufügt - -. Sie können die Auf-, Ab-, Links- und Rechts-Tasten auf der Tastatur verwenden 🎜>Adresse für die Kurswiedergabe:

http://www.php.cn/course/591.html

Die des Lehrers Unterrichtsstil:

Die Vorträge des Lehrers sind lebendig, witzig, witzig und berührend. Eine lebendige Metapher ist wie der letzte Schliff, der den Schülern die Tür zur Weisheit öffnet; ein gut platzierter Humor zaubert den Schülern ein wissendes Lächeln, als würde er den Menschen einen Nachgeschmack und Nostalgie verleihen werden von Zeit zu Zeit in die Erzählung eingestreut und regen zum Nachdenken und zur Warnung an.

Der schwierigere Teil dieses Videos ist die gierige Schlange:

Denken

Die wichtigsten von die gierige Schlange Das Problem muss gelöst werden

Umdrehen, jeder Punkt des Schlangenkörpers muss sich drehen, wenn er den Wendepunkt passiert

Essen, jedes Mal, wenn einer gefressen wird, vergrößert sich der Schlangenkörper um ein Punkt

Misserfolg, das Auftreffen auf eine Wand oder das Auftreffen auf eine Schlange gilt als MisserfolgGrundsätzlich ist „Schlange“ an diesen drei Stellen schwierig. In dieser Reihenfolge ist der Schwierigkeitsgrad von hoch nach niedrig . Das einfachste ist, nicht gegen die Wand zu stoßen. Der schwierigste Teil ist das Lenken und dann das Essen. Lassen Sie uns diese Probleme von Anfang an Schritt für Schritt lösen.

Einige Variablen

Initialisierung der Karte

Die Karte ist sehr einfach, aber bitte beachten Sie, dass sie in der ersten Zeile mit 0, 0 beginnen muss und 0 in der zweiten Zeile. Beginnend mit 0, 1 usw. handelt es sich um ein zweidimensionales Array, das in direktem Zusammenhang mit der Positionierung steht. Daher muss eine solche Struktur gewährleistet sein.

Jeder generierte Punkt verfügt über eine ID basierend auf vertikalen und horizontalen Koordinaten, die zur Steuerung dieser Punkte erforderlich ist

var mapItemX=60;  //游戏地图横向点数
var mapItemY=31;  //游戏地图纵向点数
var snakeLen=5;  //蛇的初始长度
var snakeMoveDirection='E';  //蛇的移动方向
var snakeStartPoints={'x':5,'y':15};  //蛇的起始位置
var snake=new Array();  //用于存放蛇身点的坐标
var corner=new Array();  //用于存放转角点坐标
var cornerNum=0;  //转角数
var timer,speed=100;  //移动计时器和初始移动速度
var timeiner,timeSecond=0,timeMinute=0,timestr=0;  //时间计时器，分，秒，总秒数
var mouseX,mouseY;  //老鼠位置（吃的）
var start=false;  //是否开始

function init(){
    var maps='';
    for(var i=0;i<mapItemY;i++){
        for(var j=0;j<mapItemX;j++){
            maps=maps+&#39;<p id="mapItem_&#39;+j+&#39;_&#39;+i+&#39;" class="mapItem"></p>&#39;;
        }
    }
    $("#game_map").html(maps);  //放地图的容器
}

Hier empfehlen wir auch den Download von Quellcode-Ressourcen:

http://www.php.cn/xiazai/learn/2117

Notizen .docx

drawing.xlsxsnake.html (Quellcode)

Das obige ist der detaillierte Inhalt vonChuanzhi Podcast JavaScript objektorientierte Vervollständigung der Video-Tutorial-Materialien (Kursunterlagen, Quellcode) des Snake-Spiels. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!