https://github.com/adamspannbauer/p5js_intro
https://github.com/adamspannbauer/p5js_intro
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/adamspannbauer/p5js_intro
- Owner: AdamSpannbauer
- License: mit
- Created: 2020-01-14T17:23:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-01-15T20:34:41.000Z (over 6 years ago)
- Last Synced: 2025-03-02T18:19:46.064Z (over 1 year ago)
- Language: JavaScript
- Size: 2.2 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# First p5.js sketch
First attempt at creating an animation with p5js, I tried to recreate the below effect without reading any documentation on how it's done. Got kinda close-ish I guess...
Update: I read some documentation on the original:
* What the original did (circular motion that looks linear): use a circle with diameter equal tot the radius of the larger circle. Move the inner circle around the inside of the larger circle. The eight equally spaced points around the inner circle happen to fall on the straight lines.
* What I did (linear motion that looks circular): create lines for small circles to move along and hope it lines up well to look like a circle.
Going to try and make a v2 following the original's outline.
### What I made (v2; code in [circular_motion](circular_motion) dir):
### What I made (v1; code in [linear_motion](linear_motion) dir):
### What I wanted to make:
