threejs - 顯示2D圖像

Question

另一個threejs問題。我基本上試圖在按鍵時在屏幕上顯示2D圖像。我搜索了四周，但我找不到一種方法讓我的圖像正確顯示，並且有些方法我根本無法工作。在設法顯示圖像的時候，它顯示在我的3d環境容器後面（以html格式），或者即使圖像不大於整個3D窗口也會消失。 我沒有真正搞砸圖像，所以我不知道我需要什麼。 我不想在3D空間中獲取圖像顯示，只是在屏幕上彈出圖像，如菜單或其他東西。

Answer 1

您可以在場景上的按鍵添加一個平面，並更新紋理

Answer 2

你也可以使用一個THREE.Sprite，很容易實現，甚至如果它得到在3D空間中創建它總是面對相機。

下面是來自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);