THREE.Shape 模仿 context.clip()

THREE.Shape to mimic context.clip()

使用THREE.Shape,我可以创建孔,但我想定义一个剪辑蒙版而不是孔。

我只想渲染蒙版内的形状,类似于 html 的 canvas/context .clip()

有没有办法使用孔或其他方法来做到这一点?

编辑:

所以,更多的背景,我正在使用 canvas 渲染片段,并将它们导入三个平面。

嘴巴是1canvas,我可以把mask的牙齿和舌头夹到黑色部分。

http://zsenji.com 观看整部电影(使用旧的 canvas 方法渲染)

无论如何,现在我正在更新所有内容以使用 threejs,不再 canvases 呈现为平面。

我打算尝试三个 csg ,它们有望与两个几何图形相交。 https://stemkoski.github.io/Three.js/CSG.html

然后我所要做的就是挤出黑色的嘴巴,并将其与 teeth/tongue 相交。我会更新

成功了。

我用的很简单intersect,类似https://github.com/chandlerprall/ThreeCSG/blob/master/examples.html

有点慢,还有一些与重叠路径相关的其他问题,但对于这个问题,这是修复。

您看到的所有不同填充都是三种形状