Class QuadRender

An object that renders a quad using a Shader.

Note: QuadRender does not modify render states. Before calling QuadRender#render, you should set up the following states as needed, otherwise previously set states will be used:

• Blend state via GraphicsDevice#setBlendState
• Cull mode via GraphicsDevice#setCullMode
• Depth state via GraphicsDevice#setDepthState
• Stencil state via GraphicsDevice#setStencilState

Example:

const shader = pc.ShaderUtils.createShader(app.graphicsDevice, {
    uniqueName: 'MyShader',
    attributes: { aPosition: SEMANTIC_POSITION },
    vertexGLSL: '// vertex shader code',
    fragmentGLSL: '// fragment shader code'
});
const quad = new QuadRender(shader);

// Set up render states before rendering
app.graphicsDevice.setBlendState(BlendState.NOBLEND);
app.graphicsDevice.setCullMode(CULLFACE_NONE);
app.graphicsDevice.setDepthState(DepthState.NODEPTH);
app.graphicsDevice.setStencilState(null, null);

quad.render();
quad.destroy();
Copy