Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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

About

HTML5 / JavaScript Practice

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.