Heim > Web-Frontend > HTML-Tutorial > 10 empfohlene Artikel über die erste Person in HTML

10 empfohlene Artikel über die erste Person in HTML

黄舟
Freigeben: 2017-06-12 10:42:29
Original
1466 Leute haben es durchsucht

Funktionsbeschreibung: Die Richtungstasten nach links und rechts steuern die Richtung des Spielers und die Richtungstasten nach oben und unten steuern die Vorwärts- und Rückwärtsbewegung des Spielers. Effektvorschau: Implementierungsprinzip: In der obigen Effektvorschau können Sie sehen, dass die rechte Seite eine flache 2D-Karte ist, während die linke Seite eine 3D-Ansicht aus der ersten Person ist. Die Beziehung zwischen den beiden Bildern ist im Wesentlichen sehr eng. Die Realisierung von 3D Der visuelle Prozess ist der Prozess der Umwandlung der Karte in eine Sicht aus der ersten Person basierend auf der 2D-Karte. Die Realisierung von 3D-Effekten ist nur auf Ebenen beschränkt (d. h. es gibt keinen dreidimensionalen Effekt bei seitlicher Betrachtung). Bei diesem begrenzten 3D-Effekt verwenden wir jedes Objekt als Einheit, um durch den visuellen Unterschied zwischen verschiedenen Objektebenen 3D zu erzielen . Damit das Objekt aus verschiedenen Blickwinkeln betrachtet einen dreidimensionalen Effekt erhält, haben wir bei diesem Effekt die Einheit von einer Ebene in eine Linie geändert. Zuerst erstellen wir eine sogenannte visuelle Ebene, die einem Spiegel ähnelt und das physische Objekt auf eine Ebene projiziert. Initialisieren Sie zunächst die Größe der Ebene: screenSize:[320,240],//Nach der visuellen Bildschirmgröße können wir verwenden 1 Pixel als Einheit. Solange Sie die Höhe jedes Pixels des auf der visuellen Ebene angezeigten Objekts kennen, können Sie das Objekt in der Ego-Perspektive zeichnen

1 der Codefall für die Implementierung des 3D-Labyrinths in HTML5

10 empfohlene Artikel über die erste Person in HTML

Einführung: In der Effektvorschau oben können Sie Sehen Sie, dass es sich bei der rechten Seite um eine flache 2D-Karte und bei der linken um eine 3D-Ansicht aus der ersten Person handelt. Die Beziehung zwischen den beiden Bildern ist im Wesentlichen der Prozess der Konvertierung Karte basierend auf der 2D-Karte in die Sicht der ersten Person umwandeln.

2. Code-Sharing für HTML5-Ego-Shooter-Spiel

10 empfohlene Artikel über die erste Person in HTML

Einführung: Im Spiel müssen Sie, während Sie feindlichen Angriffen ausweichen, drei verschiedene Schlüssel einsammeln, die entsprechenden Türen öffnen und schließlich das Ziel erreichen. Das Spiel basiert außerdem auf dem selbst entwickelten HTML5-Spieleframework cnGameJS. Es wird empfohlen, zum Anzeigen den Chrome-Browser zu verwenden. Wirkungsvorschau:

3. Ich habe kürzlich ein Buch gelesen, in dem oft Client-Code erwähnt wurde

Einleitung: Ich habe kürzlich ein Buch gelesen, in dem der Begriff „Client-Code“ oft erwähnt wurde. Ich habe kürzlich ein Buch gelesen, in dem der Begriff „gesamter Client-Code“ häufig erwähnt wird. Es scheint, dass die erste Person serverseitigen Code schreibt. Nach meinem Verständnis ist beispielsweise der Kerncode des gesamten Frameworks serverseitiger Code, und die verschiedenen Controller, auf die Benutzer beim direkten Surfen zugreifen, sind clientseitige Codes.

4. Ego-Shooter-Spiel geschrieben in Javascript_Javascript-Fähigkeiten

Einführung: Kapitel 1 geschrieben in Javascript Ein- Personenschießspiel

[Verwandte Q&A-Empfehlungen]:

Javascript – Wenn js Tastaturereignisse verarbeitet, ist die Mausreaktion verzögert?

Das obige ist der detaillierte Inhalt von10 empfohlene Artikel über die erste Person in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage