diff --git a/sample/stencilMask/main.ts b/sample/stencilMask/main.ts index fdf0fbfb..fb9f18b8 100644 --- a/sample/stencilMask/main.ts +++ b/sample/stencilMask/main.ts @@ -255,6 +255,8 @@ const createRenderPipeline = (invertMask: boolean) => { depthCompare: 'less', format: 'depth24plus-stencil8', stencilFront: { + // 'Equal': If the current value of the stencil is equal to the reference value set by setStencilReference(), keep the pixel. + // 'not-equal': Opposite of equal. compare: invertMask ? 'not-equal' : 'equal', passOp: 'keep', failOp: 'zero', diff --git a/sample/stencilMask/meta.ts b/sample/stencilMask/meta.ts index ab447964..5ebd649d 100644 --- a/sample/stencilMask/meta.ts +++ b/sample/stencilMask/meta.ts @@ -1,7 +1,7 @@ export default { name: 'Stencil Mask', description: - 'This example demonstrates how to use the stencil buffer to create a simple mask over a scene. The mask itself is rendered using an SDF, and the properties of the mask are adjusted by changing the stencil test properties in the render pipeline.', + "This example demonstrates how to use the stencil buffer to create a simple mask over a scene. The mask itself is rendered using an SDF, with options to invert the mask or change the mask's shape. The position and scale of the mask can also be adjusted via the mouse and scroll wheel respectively.", filename: __DIRNAME__, sources: [ // Ts files