threejs中的剪辑或删除区域

Question

首先我解释上述图像。图像用1，2和3标记。

1 - 这是矩形形状。

2 - 这是矩形形状。

3 - 这是圆形（在全局组合操作中用目的地绘制）。

使用HTML5画布绘制每个形状。

现在我想使用threejs与WebGLRenderer相同的绘制。那么可以画出来吗？如果是，那么如何？

第三个形状可以是任何东西（对于ex-circle，矩形，多边形）。

有什么建议吗？

Answer 1

要绘制使用WebGLRenderer，通过基本上改变画布：

renderer = new THREE.WebGLRenderer(); 

只是提防的是不存在WebGLRenderer Canvas的方法。

如果您显示为代码的一部分，这将是很好的给予更高的精度。但任何事情，只是在这里评论！

Answer 2

我们可以通过设置混合属性来擦除三个区域中的一个区域。在三种不同类型的可用混合属性中。例如THREE.SubtractiveBlending用于减去面积。

详情 -

1) http://threejs.org/docs/#Reference/Constants/Materials 
    2) http://threejs.org/examples/#webgl_materials_blending 
    3) http://threejs.org/examples/#webgl_materials_blending_custom