threejs - Darstellung ein 2D-Bild

Anderen threejs Frage. Ich bin im Grunde versucht, um ein 2D-Bild auf dem Bildschirm angezeigt, wenn ich eine Taste drücken. Ich habe gesucht, aber ich kann nicht einen Weg finden, um mein Bild korrekt angezeigt werden und einige Methoden, die ich einfach nicht arbeiten. Die Male, die ich tun, zu verwalten, um ein Bild zu zeigen, es wird entweder hinter meiner 3d-Umgebung-container (in html) oder bewirkt, dass die gesamte 3D-Fenster zu verschwinden, obwohl die Bilder nicht größer als er.
Ich habe nicht wirklich Durcheinander herum mit Bildern, also bin ich nicht sicher, was ich brauchen würde.
Ich bin nicht versucht, ein Bild anzuzeigen, das im 3D-Raum, sondern nur ein Bild, um pop-up auf dem Bildschirm, wie ein Menü oder so etwas.

  • bitte fügen Sie Ihren code
  • Sie können eine Ebene in der Szene und und aktualisieren Sie die textur auf die Taste drücken
InformationsquelleAutor Dan | 2016-04-16
  1. 5

    Können Sie auch ein THREE.Sprite, sehr einfach zu implementieren und selbst wenn es erzeugt wird, in einem 3D-Raum immer in Richtung der Kamera.

    Hier ist eine schnelle Umsetzung Beispiel aus der Dokumentation:

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

    Und denken Sie daran, skalieren Sie das sprite passend zu Ihrem Bild-Dimensionen (neben der Einstellung camera.position.z zu etwas, das hoch genug ist, natürlich):

    sprite.scale.set(imageWidth,imageHeight,1);
    • hey Mann, habe versucht, Ihre Lösung der sprite ist Hinzugefügt, um die Szene, aber kann immer noch nicht sehen, jede Anregung?
    • wenn Sie veröffentlichen ein jsfiddle kann ich Ihnen helfen
    • Wenn das sprite erscheint nicht zu machen, es könnte nur 1x1 px groß. Versuchen Sie, die Größe der sprite Sprite-Objekt nach der Erstellung (also sprite.scale.set(128,128,1);). "Standard ist Vector3( 1, 1, 1 )" (src).
    • Die Größe des sprite, wenn 1,1,1 können auch sichtbar sein, da regelmäßig (es sei denn, Größe der Dämpfung ist deaktiviert), kann es im Zusammenhang mit den renderer-Einstellungen Kamera-Einstellungen, wie fov, und die rotation. Wenn die Kamera in Richtung der negativen Seite des Bildes (also das Bild ist auf der Rückseite), dann wird es nicht funktionieren. Versuchen Sie, die position der Kamera +z"," Weg aus dem Bild, nehme an, die Bild-position (0,0,0), sprich Kamera.position.set(0,0,10); sicherstellen, dass die rotation der Kamera ist eingestellt 0,0,0 auch, um Punkt in Richtung der negativen z-Achse.
    InformationsquelleAutor leota
Schreibe einen Kommentar