This is the landing page for the GlitchCandies: Creatures web experience, built using R3F, Three.js, and Vite. It leverages PMDRS Drei examples and helpers, alongside a Space.js Hologram-inspired shader. UI is styled with MUI, Framer motion and enhanced with a few CSS tricks and custom GLSL shaders.
The 3D models are generated using a custom generative AI workflow with Flux and SDXL LoRAs (see Civitai profile for download) alongside Tripo3D for image-to-3D generations. Models are optimised with gltfjsx and draco. Images with magick and pngquant.
Scene.mp4
There are a few hidden easter eggs—use the 1 and 2 keys to cycle between audio tracks 3 pauses, / activates fullscreen mode. Check also logo for fun stuff...
Added RiveUI integration using buttons and Loading screen and dynamic scene changes. Here is super cool tamplete from Michal Ocilka used to integrate with Rive.
This is a living project and will have new features added, as I explore the WebGL and Three.js ecosystem.