threejs-顯示2D圖像

Question

另一個threejs問題。 我基本上是想在按下鍵時在屏幕上顯示2D圖像。 我已經四處搜尋，但是找不到讓圖片正確顯示的方法，而且有些方法根本無法使用。 在我確實設法顯示圖像的時候，它要么顯示在我的3d環境容器的后面（以html格式），要么即使圖像不大於它，整個3D窗口也消失了。 我並沒有真正弄亂圖像，所以我不確定我需要什么。 我不是要在3D空間中顯示圖像，而只是要在屏幕上彈出圖像，例如菜單之類的東西。

Answer 1

您還可以使用THREE.Sprite ，它非常易於實現，即使在3D空間中創建它，它也始終面向相機。

這是文檔中的一個快速實施示例：

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

記住記住縮放精靈以匹配您的圖像尺寸（當然，除了將camera.position.z設置為足夠高的值之外）：

sprite.scale.set(imageWidth,imageHeight,1);