https://github.com/g-otn/canvas-running-dots
Draw colorful dots running across a HTML canvas
https://github.com/g-otn/canvas-running-dots
canvas canvas-animation html html5-canvas-animation
Last synced: 3 months ago
JSON representation
Draw colorful dots running across a HTML canvas
- Host: GitHub
- URL: https://github.com/g-otn/canvas-running-dots
- Owner: g-otn
- Created: 2019-05-22T23:49:29.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-10-25T04:31:35.000Z (over 5 years ago)
- Last Synced: 2025-01-17T05:29:13.935Z (4 months ago)
- Topics: canvas, canvas-animation, html, html5-canvas-animation
- Language: JavaScript
- Homepage: https://g-otn.github.io/canvas-running-dots
- Size: 5.86 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Running dots
Generates dots (tiny squares) that bounces and moves to random directions inside the browser's window.
*Gera pequenos pontos que quicam e se movem em direções aleatórias dentro da janela do navegador.*
## Buttons
Description of the buttons in the page:
- + Speed: Dots move faster.
- - Speed: Dots move slower.
- Position jump: Dots jump some coordinates, making it even faster.
- New dot: Create a single dot.
- Remove dots: Remove all the dots.
- Auto-dot: Creates a lot of dots.
- Change color: Directly uses an input into the color of the dots.
- Change click animation: Make dots do something different when clicked.