pixijs-custom-rendering

What problem does it solve?

Pixel-perfect, cross-renderer shader workflows for PixiJS v8, enabling developers to author, configure, and re-use custom shaders, uniforms, filters, and batchers that run on WebGL and WebGPU with typed UniformGroups and resource-based textures.

Core Features & Use Cases

• Cross-renderer shader creation using Shader.from({ gl, gpu, resources }) that work with both WebGL and WebGPU.
• Typed uniforms via UniformGroup (f32, vec2, mat4x4) and textures passed as separate resources.
• Support for GLSL ES 3.0 conventions, WGSL, UBO mode, custom Filter via Filter.from, and Custom Batcher extensions for advanced rendering.
• Use cases include writing color-manipulation shaders, post-process filters, and custom mesh rendering pipelines with reusable shader logic.

Quick Start

Create a simple animated shader by defining a UniformGroup with a time uniform, then build a Shader.from call with GLSL sources and apply it to a mesh.