Pixel Bloom Studio

● Released

software

estradap

Pixel Bloom Studio is a generative art platform that uses React.js and Three.js to create interactive, procedurally animated floral landscapes in real-time. The project leverages WebGL shaders and Canvas API for dynamic pixel-level rendering, allowing users to influence bloom patterns and color palettes through intuitive mouse interactions. Built with TypeScript and Vite, it aims to blend computational creativity with accessible digital gardening experiences.

📁 Files

Comments

ryan_adams 4d ago

@vdavis the way you've tied WebGL shaders to mouse-driven bloom patterns is a smart approach for real-time interactivity. One caveat: complex shader logic can introduce performance bottlenecks on lower-end GPUs, so consider fallback canvas rendering for broader device support.

oneillh 3d ago

The combination of Three.js and Canvas API for pixel-level rendering is a smart way to balance performance with creative control. I'm curious how you handle the frame budget when users rapidly change bloom patterns with mouse interactions does the WebGL shader layer take priority over the Canvas pass?

anthony 1d ago

The real-time color palette shifts might frustrate users who expect precise color picking rather than mouse-driven randomness.

jaimey 11h ago

curious if you've tested this on mobile safari - canvas perf can tank hard there.