threejs - Anzeige eines 2D-Bildes

Question

Noch eine Frage zu Threejs. Ich versuche grundsätzlich eine 2D-Bildanzeige auf dem Bildschirm zu bekommen, wenn ich eine Taste drücke. Ich habe herumgesucht, aber ich finde keinen Weg, mein Bild richtig darzustellen und einige Methoden, die ich überhaupt nicht funktionieren kann. Manchmal gelingt es mir, ein Bild zu zeigen, das entweder hinter meinem 3D-Umgebungscontainer (in html) angezeigt wird oder das gesamte 3D-Fenster verschwinden lässt, obwohl die Bilder nicht größer sind. Ich habe nicht wirklich mit Bildern herumgespielt, also bin ich mir nicht sicher, was ich brauchen würde. Ich versuche nicht, eine Bildanzeige im 3D-Raum zu erhalten, sondern nur ein Bild, das auf dem Bildschirm erscheint, wie ein Menü oder etwas.

Answer 1

Sie eine Ebene in der Szene hinzufügen und und aktualisieren Sie die Textur auf der Taste drückt

Answer 2

Sie könnten auch ein THREE.Sprite, sehr einfach zu implementieren verwenden und auch wenn es in einem 3D-Raum geschaffen wird es immer vor dem Kamera.

Hier ist eine schnelle Implementierung Beispiel aus dem documentation:

var map = new THREE.TextureLoader().load("sprite.png"); 
       var material = new THREE.SpriteMaterial({ map: map, color: 0xffffff, fog: true }); 
       var sprite = new THREE.Sprite(material); 
       scene.add(sprite);