Das Ziel besteht darin, den Three.Mesh-Namen als Beschriftung anzuzeigen, während Sie die Maus über das Mesh bewegen. Wie können wir das in Three.js machen?
Kann jemand einen Beispielcode geben?
Herausforderung angenommen!
Arbeitscodebeispiel unter: Ссылка
Es scheint drei wesentliche Schritte zu diesem Ziel zu geben, von denen jedes einzelne in kleinere Beispielprogramme aufgeteilt ist.
(1) Bestimmen Sie, auf welches Szenenelement die Maus zeigt. Siehe: Ссылка
(2) Rendert den Text, den Sie als Bild anzeigen möchten (ich habe dafür ein canvas-Element verwendet). Siehe: Ссылка
(3) Zeichnen Sie ein Sprite, das das Bild von Teil (2) an der Stelle des Mauszeigers enthält. Siehe: Ссылка
All diese Beispiele (und mehr) sind Teil meiner wachsenden Sammlung einführender Beispiele (mit detaillierten Kommentaren) in Ссылка , in dem ich versuche, die Möglichkeiten von Three.js in einer Reihe von minimalen Beispielen zu zeigen.
Auch, wo es fällig ist: Teile (1) und (3) basieren auf einigen Beispielen von MrDoob auf seiner GitHub-Seite, speziell dem interaktiven Würfel-Beispiel: Ссылка
Tags und Links javascript three.js