Skip to content

michaltkacz/fancy-clock-3d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fancy Clock 3D

Fancy 3D clock visualization.

Table of contents

General info

Main goal of this project was to learn basics of WebGL programming using Three.js library, making it fun and gripping experience. In other words, I wanted not only to learn new technology, but also create nice looking visualization.

Demo

Project is avaible online on Github Pages here.

Screenshots

Example screenshot1 Example screenshot2

Technologies

Setup and run

To run it locally, just download repository and launch index.html on local server. Web browser must support WebGL. In case you don't know whether your browser supports WebGL or not, you can check it here.

Features

List of features:

  • Fancy clock visualization.
  • Time display.
  • Mouse interaction with camera.

To-do ideas:

  • Adjust color palette.
  • Add color pickers for each individual ring.
  • Add controls to manage rings rotations.
  • Add camera auto rotation.

Issues

No major issues are known. However, there might be minor performance drops on lower-spec computers.

Status

Altough there are interesting features that might be added, this project is no longer developed.

Contact

Created by @michaltkacz - feel free to contact me!