Uso do Three.js com buffer de estêncil

Não consigo fazer o seguinte para desenhar a cena na forma criada como uma máscara de estêncil. Em vez disso, o código parece renderizar o próprio estêncil como um objeto preto.

http://signaturefloors.dev.flooradvisor.com.au/productapp/floor_align.php

Minha função de renderização é:

var gl = floor_align.renderer.domElement.getContext('webgl') || floor_align.renderer.domElement.getContext('experimental-webgl');
gl.clearStencil(0);
gl.clear(gl.STENCIL_BUFFER_BIT);
gl.enable(gl.STENCIL_TEST);
gl.stencilFunc(gl.ALWAYS, 1, 1);
gl.stencilOp(gl.KEEP, gl.REPLACE, gl.REPLACE);
gl.colorMask(0, 0, 0, 0);

// Floor Mask (Create a stencil that we render the next pass into)
floor_align.renderer.render(floor_align.maskScene, floor_align.maskCamera);

gl.colorMask(1, 1, 1, 1);
gl.stencilFunc(gl.NOTEQUAL, 1, 1);
gl.stencilOp(gl.KEEP, gl.REPLACE, gl.REPLACE);

// Render a floor pass
floor_align.renderer.render(floor_align.scene, floor_align.camera);

gl.disable(gl.STENCIL_TEST);

O renderizador possuiautoClear = false;

questionAnswers(1)

yourAnswerToTheQuestion