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
有点慢,还有一些与重叠路径相关的其他问题,但对于这个问题,这是修复。
您看到的所有不同填充都是三种形状
使用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
有点慢,还有一些与重叠路径相关的其他问题,但对于这个问题,这是修复。
您看到的所有不同填充都是三种形状