WebGLRenderbuffer

{{APIRef("WebGL")}}{{AvailableInWorkers}}

The WebGLRenderbuffer interface is part of the WebGL API and represents a buffer that can contain an image, or that can be a source or target of a rendering operation.

{{InheritanceDiagram}}

Description

The WebGLRenderbuffer object does not define any methods or properties of its own and its content is not directly accessible. When working with WebGLRenderbuffer objects, the following methods are useful:

• {{domxref("WebGLRenderingContext.bindRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.createRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.deleteRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.framebufferRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.getRenderbufferParameter()")}}
• {{domxref("WebGLRenderingContext.isRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.renderbufferStorage()")}}
• {{domxref("WebGL2RenderingContext.renderbufferStorageMultisample()")}}

Examples

Creating a render buffer

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const buffer = gl.createRenderbuffer();

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("WebGLRenderingContext.bindRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.createRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.deleteRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.framebufferRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.getRenderbufferParameter()")}}
• {{domxref("WebGLRenderingContext.isRenderbuffer()")}}
• {{domxref("WebGLRenderingContext.renderbufferStorage()")}}
• Other buffers: {{domxref("WebGLBuffer")}}, {{domxref("WebGLFramebuffer")}}