Three.js:大纲被遮挡的对象

时间:2017-12-07 13:25:44

标签: three.js

我正在开发基于Three.js的第三人称游戏,用户可以对相机进行自由轨道控制。

为了增强玩家体验,我想在用户正在控制的活动角色上使用轮廓(场景中可能有更多角色),但只显示轮廓的时间(部分)玩家模型被遮挡/隐藏在某物之后。

实施例: outline stencil

我想要创建的效果显示在最右侧(模板:1),但不是不透明效果,我只想要其他模型上显示的轮廓。玩家角色的可见部分应该没有轮廓,但只有当角色部分位于另一个对象后面或完全不在时。

现在,轮廓效果本身并不是一个问题。有足够的资源/示例/教程/诸如此类的东西。我所困的部分是如何将这样的东西与遮挡部分结合起来。还有关于表现的部分。如果可能的话,我会真的喜欢避免因性能原因多次渲染我的整个场景。

提前致谢!

使用threejs R88 / 89-dev。

0 个答案:

没有答案