HTML5 / JavaScript Practice
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
index.html
main.js

README.md

canvas-rings-pattern

HTML5 / JavaScript Practice

An early project created to practice JavaScript and HTML. Uses HTML5 canvas to animate colored rings.

Ring start and end positions are calculated by passing a linearly increasing value into sine and cosine functions. Draw direction swaps if two ends meet, but are rounded in such a way to create a sort of bouncing / flickering effect.

Controls

Scroll: Zoom in / out

Click: Change theme

Double click: Enter full screen

Live Demo

screenshot