工作总结 6.10

场景中局部组件遮挡问题处理

现状:

分牙的标签,指示线在数字牌前面时会挡住数字,同时该指示线会穿过牙龈模型(有深度)

目标是维持指示线的深度计算,依然穿过模型,但不能被数字挡住

解决方法:

牙龈模型不做修改,指示线和数字牌 depthTest:true,depthWrite:false,并且 指示线 renderOrder:1,数字牌 renderOrder:2

这个目的是:depthTest:true 保留深度测试,使牙龈可以正常挡住指示线和数字牌,正确的前后顺序。同时 depthWrite:false 不写入深度,指示线和数字牌在相互遮挡时,数字牌 renderOrder 更大,始终在指示线前面。

注意:数字牌的圆形容器和里面的数字都要设置 renderOrder:2

场景顺序 renderOrder 为 牙模默认 0;指示线 1;数字牌 2。

结果: