三.js - 创建不受缩放和平移影响的 3D 文本

Three.js - Create 3D text that's unaffected by zooming and panning

本文关键字:影响 文本 3D 缩放 js 创建      更新时间:2023-09-26

三.js版本:r79

基本上,我想要一个 3D 对象(用 THREE 创建的网格。TextGeometry)就像在2D空间中一样,但始终位于屏幕上的同一位置(无论我缩放还是平移,都不会随相机移动)。有没有办法做到这一点?

实际上不太确定如何,除非我做出我觉得是一个巨大的黑客并在每次出现鼠标滚动事件或平移事件时更新文本网格的坐标。

一种解决方案是将网格添加为相机的子项。

scene.add( camera ); // required, since the camera has a child
camera.add( mesh );
mesh.position.set( 0, 0, - 100 ); // or whatever

三.js R.79