2016-07-17 8 views
1

Three.js Version nicht betroffen ist: R79Three.js - Erstellen von 3D-Text, der durch Zoomen und Schwenken

Grundsätzlich möchte ich ein 3D-Objekt haben (a mit THREE.TextGeometry erstellt Mesh) Es verhält sich wie im 2D-Raum, ist aber immer genau an der gleichen Stelle auf dem Bildschirm (bewegt sich nie mit der Kamera, egal ob ich zoome oder schwenken). Gibt es eine Möglichkeit, dies zu tun?

Ich bin eigentlich nicht ganz sicher, ob, wenn ich mache, was ich fühle, ist ein riesiger Hack und aktualisieren Sie die Koordinaten der Textgitter jedes Mal, wenn es eine Maus Scroll-Ereignis oder Pan-Ereignis ist.

Antwort

1

Eine Lösung besteht darin, das Netz als Kind der Kamera hinzuzufügen.

scene.add(camera); // required, since the camera has a child 
camera.add(mesh); 
mesh.position.set(0, 0, - 100); // or whatever 

three.js r.79

+0

Ist die Angelegenheit Kameratyp? Ich benutze THREE.PerspectiveCamera. –

+0

Ja. Dieser Ansatz wird wahrscheinlich nur mit einer perspektivischen Kamera funktionieren. – WestLangley

+0

Ich habe Probleme, dies mit der Perspektivenkamera zu arbeiten. Gibt es eine ähnliche Website zu jsfiddle, von der Sie wissen, wo ich ein Beispiel hochladen kann? Ich möchte jsfiddle nicht verwenden, weil sie three.js r54 verwenden, was jetzt ziemlich alt ist. –