Hey hey! I’m writing on behalf of BUCK, where I work. We created a fun threejs project called Revisualizer, and I wanted to humbly submit it for inclusion on the homepage. Thanks in advance for your time!
Project link
https://revisualizer.buck.co/
What is it?
An in-browser audio/visual experience that uses custom sound design and gamified interactions to reveal a trippy surprise in the end. Users play with a visual audioscape by using their keyboard like an instrument.
Because BUCK has a lot of traditional 3D artists in-house, we wanted to push C4D / Redshift style rendering in the browser to bring BUCK’s style to life with the latest and greatest of WebGL.
We recreated all textures in Substance Painter for a real-time rendering environment. We baked in shadows, ambient occlusion, and used shaders to do the heavy lifting of complex lighting & shadows.
Tech Pipeline
Our goal with this process was to achieve a smooth in-browser interactive experience with the highest fidelity rendering possible. The process allows creative control over each step of development, consequently pushing the WebGL experience further.
We started with design and previz in C4D and Maya, testing animation, lighting, shaders and optimizing the 3D models to be as lightweight as possible.
After that, we moved to Substance Painter for texture creation, since it gives you much more control and allows you to export all the correct textures necessary for development.
More process and imagery can be found here:
https://buck.co/research/revisualizer