Class MaskRenderer

The MaskRenderer component renders filled shapes like rectangles, circles, or polygons.
It supports different shape types with configurable dimensions, colors, positioning and rotation.
Shapes can be rendered with variable opacity and assigned to specific render layers.
This component is useful for creating UI elements, visual effects, or masking other rendered content.

Example

const maskRenderer = new MaskRenderer({
  shape: MaskShape.Rectangle,
  width: 32,
  height: 32,
  color: "#000000",
  offset: new Vector2(0, 0),
  rotation: 0,
  opacity: 1,
  layer: "Default"
});
Copy

Example

const maskRenderer = new MaskRenderer({
  shape: MaskShape.Circumference,
  radius: 16,
  color: "#000000",
  offset: new Vector2(0, 0),
  opacity: 1,
  layer: "Default"
});
Copy

Example

const maskRenderer = new MaskRenderer({
  shape: MaskShape.Polygon,
  vertexModel: [new Vector2(0, 0), new Vector2(32, 0), new Vector2(32, 32), new Vector2(0, 32)],
  color: "#000000",
  offset: new Vector2(0, 0),
  opacity: 1,
  layer: "Default"
});
Copy