Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung von Codes zur Implementierung dreidimensionaler Koordinateneffekte mithilfe von JavaScript

伊谢尔伦
Freigeben: 2017-06-12 10:02:34
Original
2345 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich der Three.js-Beispielcode zum Abrufen der dreidimensionalen Koordinaten von Mausklicks vorgestellt. Es hat einen gewissen Referenzwert und interessierte Freunde können sich darauf beziehen. Aus beruflichen Gründen weiß ich nichts über three.js und es gibt nur sehr wenige Informationen im Internet. Daher wurde ich gebeten, die Koordinaten zu erhalten, was wirklich eine große Sache war. Auf jeden Fall wurde es endlich wahr. Da Sie nun die dreidimensionalen Koordinaten des Mausklicks erhalten möchten, haben Sie meiner Meinung nach bereits das Kameraobjekt und die Szene. Wenn Sie es nicht wissen, können Sie sich zuerst diese beiden Objekte ansehen. Hier sprechen wir hauptsächlich darüber, wie man dreidimensionale Koordinaten erhält, wobei wir die Prinzipien außer Acht lassen. Obiger Code: function onDocumentMouseDown( event ) { event.preventDefault(); var vector = new THREE.Vector3();//Dreidimensionales Koordinatenobjekt &

1. Detaillierte Erläuterung des Three.js-Beispielcodes zum Erhalten der dreidimensionalen Koordinaten per Mausklick

Zusammenfassung von Codes zur Implementierung dreidimensionaler Koordinateneffekte mithilfe von JavaScript

Einführung: In diesem Artikel wird hauptsächlich der Three.js-Beispielcode zum Abrufen der dreidimensionalen Koordinaten von Mausklicks vorgestellt. Es hat einen gewissen Referenzwert und interessierte Freunde können sich darauf beziehen.

2. Illustration der 3D-technischen Schritte zum Spielen mit CSS3

Zusammenfassung von Codes zur Implementierung dreidimensionaler Koordinateneffekte mithilfe von JavaScript

Einführung: Erste Schritte mit 3D in CSS3 Um mit 3D in CSS3 zu spielen, müssen Sie ein paar Wörter verstehen, nämlich Perspektive, Drehen und Übersetzen. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken. Wenn ich es theoretisch erkläre, vermute ich natürlich, dass Sie es immer noch nicht verstehen. Unten finden Sie 3 GIFs: Drehen Sie sich entlang des Spielens mit den 3D-Effekten von CSS3

Einführung: Erste Schritte mit 3D von CSS3 Um mit 3D von CSS3 zu beginnen, müssen Sie nur ein paar Wörter verstehen, nämlich Perspektive, Drehen und Verschieben. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken. Wenn ich es theoretisch erkläre, vermute ich natürlich, dass Sie es immer noch nicht verstehen. Unten finden Sie 3 GIFs: Drehen Sie entlang der Seite. Spielen Sie mit der SCC3-3D-Technologie Sie müssen einige Vokabeln kennen, nämlich Perspektive, Drehung und Übersetzung. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken. Zusammenfassung von Codes zur Implementierung dreidimensionaler Koordinateneffekte mithilfe von JavaScript

Das obige ist der detaillierte Inhalt vonZusammenfassung von Codes zur Implementierung dreidimensionaler Koordinateneffekte mithilfe von JavaScript. 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