threejs - 2D画像の表示

Question

もう3jsの質問。私は基本的に私がキーを押すと、画面上に2D画像表示を得ようとしています。私は周りを探索しましたが、私のイメージが正しく表示される方法や、私がちょうど仕事をすることができない方法を見つけることができません。私が画像を表示することができた時、3D環境コンテナ（html）の背後に表示されるか、画像がそれより大きくなくても3Dウィンドウ全体が消えます。 私は本当にイメージでうんざりしていないので、私は何が必要なのか分かりません。 私は3D空間で画像を表示しようとしているわけではなく、画面上にポップアップする画像（メニューなど）を取得しようとしています。

Answer 1

あなたはそれが常に直面しても、実装するのは非常に簡単、THREE.Spriteを使用することができ、それが3D空間で作成された場合でも、

Answer 2

をシーンに平面を追加して、キーを押し上質感を更新することができますカメラ。

ここ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);