So this is another fun one. I was reminiscing about the golden age of Flash and the artistic experimentation in web design during the early 2000s. Back then, designers often created playful experiences that encouraged users to explore and discover content in novel ways. While I understand why the internet evolved toward standardisation—prioritising universal accessibility, consistent performance, and quick information delivery—I kinda miss the weird and wonderful stuff that I used to be into when I was younger.
The cube you see here is built using Three.js, bringing 3D graphics to the web browser. Each face is interactive and can be explored using your mouse or finger. On touch screens, you can drag the cube around naturally with your finger, just as you would a physical object. The rotation uses momentum-based physics, so the cube spins smoothly and continues rotating after you let go—giving it that satisfying, tactile feel.
My initial thought was obviously a cube, but it would be interesting to see what could be done with long vertical strips down the screen, or weird combinations of shapes.
When you click or tap on a face, the cube reveals additional content through animated text panels, creating a bit of a treasure hunt for information. Behind the scenes, there’s some clever stuff going on to tell the difference between when you want to spin the cube and when you want to interact with a face, making the whole thing feel natural and intuitive.
The images are being pulled in using simple ACF image upload fields, which is pretty cool. Same goes for the text boxes – each one is just an ACF text area.
It’s a fun little experiment, looking for a practical application. Or a deeper artistic one.