Imagine a sleek, beautifully rounded 3D clock living right in your browser, shifting its gorgeous color palette every 15 minutes. But the real story is under the hood! This was my bridge between the visual editors I loved and the world of pure, programmatic geometry. It combines smooth rotation math with dynamic lighting to turn a utility into a piece of digital art.
A playful, modern 3D analog clock that dynamically shifts color palettes every 15 minutes, adding a mesmerizing glow to your digital space.
Have you ever looked at a blank code editor and felt entirely out of your depth? That was me back in the day! I set out on a wild mission to rescue the humble analog clock from boring 2D walls, but more importantly, I was on a mission to prove something to myself. This project is a time capsule—my very first attempt at building something beautiful in the browser using pure 3D code.
After the fall of Flash, I had to venture out of my comfort zone. It was scary, it was frustrating, but creating this vibrant, interactive clock was the moment I finally fell in love with the magic of the canvas! 🌈
My personal inspiration for this wasn’t just aesthetic; it was driven by pure, stubborn determination. I already knew my way around the 3D space from hours spent rendering scenes in Cinema 4D and using the ugly Lightwave 3D that they teach us in college. I kind of understood lighting, materials, and cameras. But doing it all in code? That was a different beast.
When Flash was on its last legs (I blame Apple and this thing called the iPhone), it finally introduced a Z-axis, but honestly, wrapping my head around it was out of my league at the moment. I even tried wrestling with Papervision3D, but it was giving me a massive headache! 🤕 It wasn’t until 2012, feeling a bit more confident in my skills, that I decided to give Three.js a proper go. Using primitives and writing everything in pure code was totally new to me, but it was exactly the challenge I needed to move forward.
“The only reason for time is so that everything doesn’t happen at once.”
— Albert Einstein“Time is a storm in which we are all lost.”— William Carlos Williams
“Those who make the worst use of their time are the first to complain of its brevity.”— Jean de La Bruyère
This magic trick wouldn’t be possible without these incredible open-source heroes:
Guau! Premium dog food, grooming, and health products for your best friend. A massive multidisciplinary project by Julibe. 🎨🦴
Dive into Green Panic, a 4-color isometric nightmare! Outrun smart AI, survive bomb sprees, and master the infinite maze in this Roguelike PacMan evolution. Play now!
An interactive audio-visual journey breaking down the Pillars philosophy of Cognitive Clarity, Responsible AI, and Organic Growth.
Don’t let the soft palette fool you. 🚩 Manage HP, loot medkits, and defuse ticking time bombs in this infinite RPG-infused Minesweeper dungeon. Start the crawl!
This is a simple way to simulate a chromatic aberration effect in HTML, and you can apply it to pretty much any element. The effect
Revisit the golden age of 8-bit wonder! 🏔️ in this mountain Scale endless pixel peaks, collect glowing bits, and outrun the fading dream in this procedural platformer.
Ready to watch time fly? Discover this vibrant, interactive 3D clock that brings a modern, colorful aesthetic right to your screen! Play, click, and enjoy!
Our minimal clock blends simplicity with a warm, modern aesthetic that elevates any room. Its colors transition gracefully with each hour, bringing a soft rhythm to your space. To make everything even better, it includes a lifetime warranty for lasting peace of mind.
Follow me @Julibe and share time devices.
Im Open to collaborations and new projects.