Overview
WebGL Alarm Clock A fully functional 3D alarm clock with rotating hands and customizable face designs, built with Three.js and WebGL for real-time timekeeping.
Interactive Demo
Features
- 🕒 Real-time Synchronization – Syncs with system time for accurate hour, minute, and second hands.
- 🖼️ Low-poly 3D Model – Lightweight and optimized for smooth browser performance.
- 🎨 Customizable Face – Personalize clock face with different colors, textures, and designs.
- 🔗 Persistent Sharing – Share your custom design via a unique URL.
Tech Stack
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- 3D Library: Three.js – Simplified WebGL workflow for 3D rendering.
- Modeling: Blender – Low-poly clock model with UV unwrapping for texture mapping.
- Deployment: Static site hosting via GitHub Pages or Netlify.
Why I Built This
This project was created as a fun challenge to combine precise timekeeping with engaging 3D visualization. The goal was to produce an interactive, functional piece that demonstrates both technical skill and creative design in WebGL.