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