https://github.com/arterm-sedov/p5js-l12-vector-fields-particle-systems-math-roses

Vector Fields + Particle Systems + Math Roses
https://github.com/arterm-sedov/p5js-l12-vector-fields-particle-systems-math-roses

creative-coding javascript p5js

Last synced: about 1 month ago
JSON representation

Vector Fields + Particle Systems + Math Roses

• Host: GitHub
• URL: https://github.com/arterm-sedov/p5js-l12-vector-fields-particle-systems-math-roses
• Owner: arterm-sedov
• License: gpl-3.0
• Created: 2021-04-29T20:06:54.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-30T06:20:23.000Z (over 3 years ago)
• Last Synced: 2024-10-30T03:57:14.083Z (3 months ago)
• Topics: creative-coding, javascript, p5js
• Language: JavaScript
• Homepage:
• Size: 37.1 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vector Fields + Particle Systems + Math Roses

## Creative coding experiments with p5.js framework

The following library is necessary for these scripts to work: p5.min.js

https://github.com/processing/p5.js

CCapture.all.min.js library is only needed to record the frames.

https://github.com/spite/ccapture.js

The p5.svg.js and p5.dom.min.js libraries connected in the index.html are optional for SVG output.

https://github.com/zenozeng/p5.js-svg

Mouse movement influences the vector field.

Also experiment with the following parameters in particles.js:

In the Particle class constructor:

	this.n = int(random(1,9));

	this.d = int(random(1,9));

	this.isRespectBounds = false;

	this.maxSpeed = 5;

	this.radius = 15;

In the Particle class drawRose function:

	scale(1)

	strokeWeight(1)