p5.js Instance Mode vs Global: A Practical Architecture
Global mode attaches p5 functions to window, causing namespace collisions. Instance mode isolates sketches in a container, reducing interference and improving trust boundaries.
Loading…
ReadMeFeed / Community knowledge
#web-graphics
Real questions. Useful conversations. Find the people who know your stack.
10k Sprites and a Single Draw Call: Using PixiJS ParticleContainer Correctly
ParticleContainer trades features for batching in PixiJS. Learn what transforms are supported, how to share a texture for a single draw call, and where the container breaks down.
pixijsWebGPU Compute Shaders: Practical Setup, Limits, and Common Pitfalls
Learn how to set up a WebGPU compute pipeline, check device limits, avoid common binding and dispatch mistakes, and verify results with a practical vector‑addition example.
webgpuControlling Geometry and Corner Radii with the SVG <rect> Element
Learn how to use the SVG <rect> element to create rectangles and rounded corners, including critical details on radius clamping, stroke clipping, and viewport resolution.
Reusing Bind Groups to Keep WebGPU Compute Pipelines Stable on the Web
WebGPU compute can accelerate image processing in the browser, but real-world stability comes from reusing bind group layouts and pipelines rather than shader cleverness alone.
Solving SVG <rect> Rendering Quirks: Radii, Strokes, and Clipping
Stop fighting with blurred SVG edges and asymmetric corners. Learn how <rect> handles radius clamping, stroke alignment, and the coordinate shifts needed for pixel-perfect rendering.