week04-particles

Particle Systems

• Nature of Code 2.0 Chapter 4 draft pdf

Tutorials and Resources

• Particle System tutorial video: p5.js, web editor code
• Fireworks tutorial video: p5.js, web editor code, Processing 3D Fireworks!
• Chapter 4 text: Processing
• Chapter 4 videos: Processing
• p5.js chapter 4 example code
• Processing chapter 4 example code

ES6 Classes and inheritance

• ES6 classes videos from ICM
• Inheritance video tutorial
• Polymorphism video tutorial
• classes documentation
• classes and inheritance by Maciej Rzepiński

Arrow Functions, Higher-Order Functions

• Particle System video with higher order functions
• Coding Train videos
• Higher order function from Eloquent JavaScript
• fill
• map
• reduce
• filter
• and more!
• Arrow functions documentation

p5 WEBGL

• particles in webgl example
• WebGL p5 documentation
• texturing video tutorial
• all webgl videos

Supplemental Reading

• "Particle animation and rendering using data parallel computation", Karl Sims (available via NYU network/proxy)
• "Particle Systems, a Technique for Modeling a Class of Fuzzy Objects", Reeves (available via NYU network/proxy)
• How my Dog learned Polymorphism
• Particle System API, by David K. McAllister
• Particle Systems by Allen Martin

Assignment

• Assignment 4

Web Editor Example Links

• 4.1: A single particle
• 4.2: Array of particles with for...of loop
• 4.3: Single particle system
• 4.4: System of systems
• 4.5: Particle system inheritance and polymorphism
• 4.6: Particle system with forces
• 4.7: Particle system with repeller
• 4.8: Particle system with texture (smoke)