three.js – 从各个方向看起来相同的3d对象

2023年9月4日 256次阅读

>有一个带有墙壁和地板的3d迷宫.

>有一个带有一个键的图像(或其他对象并不重要,但所有的em都是图像,而不是3d模型).

我想将它显示在地板上,如果相机在物体周围移动,则需要在不旋转物体的情况下看起来相同.我怎样才能实现这一目标？

UPDATE1：

我创建了一个平面几何图形添加图像(它是一个透明的png)并在渲染时旋转.它工作得很好,但如果我转动相机,有时飞机会失去大约几毫秒的透明度,并获得坚实的黑色背景(闪烁).

知道为什么吗？

这是代码：

var texture = new THREE.ImageUtils.loadTexture('assets/images/sign.png');
var material = new THREE.MeshBasicMaterial( {map: texture, transparent: true} );

plane = new THREE.Mesh(new THREE.PlaneGeometry(115, 115,1,1), material );
plane.position.set(500, 0, 1500);
scene.add(plane);

// at render:
plane.rotation.copy( camera.rotation );

最佳答案 这将通过使用：

function animate() {
     not3dObject.rotation.z = camera.rotation.z;
     not3dObject.rotation.x = camera.rotation.x;
     not3dObject.rotation.y = camera.rotation.y;
     ...
     render();
}
点赞