如何在Three.js中使用stencilFunc函数

Question

我可以使用Three.js中的StencilFunc和StencilOp函数吗？ 我试图实现模板测试的代码，但没有成功。

var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer({
    antialias: true,
    stencil: true
});

function render() {
    var context = renderer.context;

    context.enable(context.STENCIL_TEST);
    context.stencilFunc(context.ALWAYS, 0, 0xffffffff);
    context.stencilOp(context.REPLACE, context.REPLACE, context.REPLACE);
    context.clearStencil(0);
    context.clear(context.COLOR_BUFFER_BIT, context.DEPTH_BUFFER_BIT, context.STENCIL_BUFFER_BIT);

    renderer.render(scene, camera);
    context.stencilFunc(context.EQUAL, 1, 0xffffffff);
    context.stencilOp(context.KEEP, context.KEEP, context.KEEP);

    context.disable(context.STENCIL_TEST);
    context.flush();
}

- Kei Arimoto

Answer 1

当您创建WebGL渲染器时，默认情况下它将为true，如threeJS文档所述。

http://threejs.org/docs/#Reference/Renderers/WebGLRenderer

你可以直接从渲染对象中调用clearStencil()，因为它是渲染器的行为，不确定为什么你想从上下文中调用它，此外

代码中调用的一些函数在ThreeJs webGL渲染器类中不存在。

以下是该类源代码的链接。请检查。

https://github.com/mrdoob/three.js/blob/master/src/renderers/WebGLRenderer.js

- Aravind.HU