如何用Threejs更改对象的zOrder?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (386)

我使用WebGL渲染器制作了一个场景,在这里我可以选择和移动多个3D对象。然而,当对象被选中时,我想画它的轴。画线到物体的中心没有问题,但我希望它们出现在场景中的任何其他物体的前面,这样即使其他物体在搅拌机的前面,它们也是可见的。

我试着使用RendderDepth Param,但我想我不知道如何使用它,也没有得到任何结果。

提问于
用户回答回答于

如果你想要一些物体呈现“在上面”,或者“在前面”,一个技巧是创建两个场景--第一个场景是你的常规场景,第二个场景包含你想要在上面的对象。

第一套

renderer.autoClear = false;

然后创建两个场景:

var scene = new THREE.Scene();
var scene2 = new THREE.Scene();

像往常一样,将你的对象添加到第一个场景中,并将你想要的对象添加到第二个场景的顶部。

然后,在你的render()函数,执行以下操作:

renderer.clear();
renderer.render( scene, camera );
renderer.clearDepth();
renderer.render( scene2, camera );

这将呈现第一个场景,清除深度缓冲区,然后在顶部呈现第二个场景。

这是一个小玩意:http://jsfiddle.net/d9Lzdkkr/

另一种解决方案是只有一个场景,但是使用以下模式:

mesh.renderOrder = 999;
mesh.onBeforeRender = function( renderer ) { renderer.clearDepth(); };

如果网格有一个单一的材料,它将渲染“在顶部”。

Three.js r.85

热门问答

TSF微服务无法查看JVM监控,显示空白?

工口Miku说唱歌手
推荐
回答来自于问答智囊团成员:邓愉悦 专栏:https://cloud.tencent.com/developer/user/6835587 原因分析 1、tsf-agent 版本过低。 使用 JVM 监控功能时,实例的 tsf-agent 需为 1.21.0 ...... 展开详请

直播推流失败,什么原因导致的呢?

青蛙克星哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
推荐
回答来自于问答智囊团成员:clairehou 专栏:https://cloud.tencent.com/developer/column/89786 经常会收到客户咨询,直播推流失败是什么原因导致。从云直播使用步骤上来讲,直播推流作为第一步,如果推流失败,后续的转码、录制、播放等...... 展开详请

视频播着播着就卡住了,什么原因造成的呢?

推荐
回答来自于问答智囊团成员:bellchen 专栏:https://cloud.tencent.com/developer/article/1734074 猜想 导致视频播放卡顿的原因有千千万万,常见的有如下: 1、网络较差,导致视频下载较慢,需要缓冲,因此卡住了; 可以下载文件到...... 展开详请

云通信图片语音消息发送失败,错误码70402?

宅女have fun……
推荐
回答来自于问答智囊团成员:linpeiyang@云通信 专栏:https://cloud.tencent.com/developer/article/1750251 客户提到文字信息没有失败,说明消息上行到云通信IM后台 -> 云通信IM后台处理 -> 云通信IM后台下发消息给用...... 展开详请

即时通信如何像QQ一样实现加好友、备注、进行好友分组?

五星格兰特就事论事不撕逼!三观不合删评价!
推荐
回答来自于问答智囊团成员:linpeiyang@云通信 专栏:https://cloud.tencent.com/developer/article/1750251 即时通信IM默认有2种关系链 好友 黑名单 均可以通过以下两种方式实现增删改查的功能: 调用REST API 调用...... 展开详请

CPU负载100%,但并看不到具体哪个进程导致的,?

鸿鹄认真生活 做出美好的产品 App/VR/美国市场
推荐
回答来自于问答智囊团成员:何刚 专栏:https://cloud.tencent.com/developer/user/6827370 安全分析 1、隐藏进程 经过busybox核实到存在隐藏进程,百度核实为挖矿病毒 📷 2、crontab 存在异常任务 📷 下载链接已经失效,I...... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券