Dennis is a music video with music from popcorn_10 produced by Always & Forever. It’s a generative 3D experience whose every movement responds to the song’s finest details. Each frame is created in real time with code—nothing is pre-rendered. An interactive camera allows you to explore the scenes, which are created procedurally every time you press play. You’ll never see the same video twice.

Every frame is drawn by code and synchronized to music in real time

You’ll never see the same video twice

Dennis was built with JavaScript in WebGL. It also uses a custom engine that synchronizes animations to distinct musical events from a song’s individual layers. Shapes are sliced to fit programmatically for each playthrough. Dennis would not be possible without incredible open source projects like Three.js, ThreeCSG, Hammer.js or GSAP.

Credit

Always & Forever is the studio of George Michael Brower, a designer and developer based in New York. Formerly of Google’s Creative Lab, he’s to blame for George & Jonathan III, Staggering Beauty, dat-gui and numerous Chrome Experiments.