pixijs-scene-mesh

To render custom 2D geometry with textures in PixiJS, create a base Mesh instance using a MeshGeometry and a Texture, then add it directly to the stage. This enables visuals beyond standard Sprite-based rendering.

MeshSimple, MeshPlane, and MeshRope are specialized PixiJS Mesh subclasses designed for common shapes and effects. MeshPlane handles flat planes, MeshRope creates flowing per-vertex deformation lines, and MeshSimple covers basic custom geometry.

Yes, you can reuse a single MeshGeometry across multiple meshes in PixiJS. Geometry sharing saves memory and allows batched rendering, which significantly improves WebGL draw performance when dealing with repeated shapes.

You can update mesh vertex data at runtime by modifying the underlying MeshGeometry and its buffers. This runtime vertex control allows you to animate or interact with scenes while preserving existing transforms and state.

Yes, PixiJS supports perspective warps for 2D textures using the specialized PerspectiveMesh subclass. It projects arbitrary geometry to achieve perspective distortion effects beyond standard flat 2D rendering.

Use a PixiJS Mesh instead of a Sprite when you need to render arbitrary 2D or perspective-projected geometry with custom shaders. Meshes are necessary for per-vertex deformation, specialized shapes like ropes, or perspective warps that Sprites cannot handle.