Přehled
WebGL Budík plně funkční 3D budík s otáčejícími se ručičkami a přizpůsobitelnými návrhy číselníku, postavený s Three.js a WebGL pro sledování času v reálném čase.
Interaktivní demo
Vlastnosti
- 🕒 Synchronizace v reálném čase – Synchronizuje se s systémovým časem pro přesné hodinové, minutové a sekundové ručičky.
- 🖼️ Low-poly 3D model – Lehký a optimalizovaný pro plynulý výkon v prohlížeči.
- 🎨 Přizpůsobitelný číselník – Personalizujte číselník s různými barvami, texturami a designs.
- 🔗 Trvalé sdílení – Sdílejte svůj vlastní design přes unikátní URL.
Technologický stack
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- 3D Knihovna: Three.js – Zjednodušený WebGL workflow pro 3D rendering
- Modelování: Blender – Low-poly model budíku s UV unwrapping pro mapování textur
- Nasazení: Statický hosting přes GitHub Pages nebo Netlify
Proč jsem to vytvořil
Tento projekt byl vytvořen jako zábavná výzva pro kombinaci přesného časoměření s poutavou 3D vizualizací. Cílem bylo vytvořit interaktivní, funkční kousek, který demonstruje technické dovednosti i kreativní design v WebGL.