marccharton/dip5

Dive into P5.js

dip5

Dive into P5.js
One project each day to discover P5.js during a month

01 - Discovery

02 - Parametered lines

Based on p5.js example : https://p5js.org/examples/structure-width-and-height.html

03 - Glitch Lines Generator

Based on p5.js example : https://p5js.org/examples/motion-linear.html

04 - Discovery of push/pop functions

• Played with example : https://p5js.org/examples/simulate-spirograph.html

05 - Spirograph #1

• Played with example : https://p5js.org/examples/simulate-spirograph.html
• Init of a spirograph generator

06 - Spirograph #2

• Spirograph class
• New best practice ?
  • Encapsulation of p5 context (see https://www.youtube.com/watch?v=Su792jEauZg)
  • It's cleaner but really heavy !

07 - Spirograph #3

08 - clock

09 - transformations

10 - node server

11 - sound

12 - readif

workshop about reaction/diffusion algorithm : report

13 - test perf - p43201

• test performance of a drawing based on image for : this project
• based on this tutotial : P_4_3_2_01

14 - yeoman generator

• test of p5-generator yeoman scaffold.