week4

Week 4 Tutorials and Resources

Nature of Code Chapter 4: Particle Systems

• Particle System tutorial video: p5.js, code, demo, 3D version in Processing
• Fireworks tutorial video: p5.js, code, demo
• Chapter 4 text: Processing
• Chapter 4 videos: Processing
• p5.js chapter 4 example code
• Processing chapter 3 example code

ES6 Classes and inheritance

• classes documentation
• classes and inheritance by Maciej Rzepiński

Higher-Order Functions and Arrays

• fill
• map
• reduce
• filter
• and more!
• Higher order function from Eloquent JavaScript

ES6 Arrow Function

• Arrow functions video tutorial
• 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

In-class Code

• Array of particles with filter() and for...of loop
• Particle System class
• Particles with ES6 Inheritance and Polymorphism

Assignment

• Assignment

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