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

标签 javascript three.js

Three.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

关于javascript - Three.js - 创建不受缩放和平移影响的 3D 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38417619/

相关文章:

javascript - 尝试在 Threejs 中播放动画时呈现空白屏幕

javascript - 使用 `find( )` 并选择父元素

javascript - 刷新 Div 内容不起作用?

javascript - jQuery UI 自动完成不适用于已部署的应用程序,但适用于本地主机

javascript - 如何在 javascript 中访问我的积分?

javascript - 使用 Handlebars 在 .hbs 文件之间链接的最简单方法是什么?

javascript - 我不会制作线框框

javascript - 使用 Three.js 时 Windows 上缺少线宽的解决方法

javascript - 如何在正交渲染中纠正不透明对象的排序顺序

3d - 将三个 js 纹理模型导出为带有 .MTL 文件的 .OBJ