/Clock

Primary LanguageTypeScript

Dot Clock

Click the image to check the time!

clock

About this app

This small app was built as a learning exercise for a grandson who was studing CS at UGA. That's why all code in the /src/ folder is heavily commented!

No Jank!

The interesting bits of this exercise was the use of a resource-pool to improve performance and reduce V8-GC.

  • See: /src/dotPool.ts

Unique partical effect

Below the clock are four slider controls. Try moving each slider to change the animation.
The partical-trails slider is most interesting. It controls the RGBA alpha channel to gradually fade out trails. The higher the slider value, the less trail fade.

Note:

This app was built using my Hot dev server. The contents in the /src/ folder have been bundled into the ./bundle.js file.

Run Online

https://nhrones.github.io/Clock/