P5 Demos, 2016

These examples closely follow Getting Started with p5.js, McCarthy, Reas, and Fry.


Demo #1 Disk follows the cursor, Exm 2-2, p. 12
Demo #2 Draw a shape, Exm 3-19, p. 35
Demo #3 Matrix of points, Exm 4-12, p. 53
Demo #4 Detect hover, Exm 5-15, p. 75
Demo #5 map() function, Exm 5-23, p. 83
Demo #6 Push and pop, Exm 6-10, p. 98
Demo #7 Calling to preload, Exm 7-8, p. 111
Demo #8 Text, Exm 7-13, p. 116
Demo #9 Sine motion, Exm 8-13, p. 133
Demo #10 Functions, Exm 9-5, p. 144
Demo #11 Arrays, Exm 11-7, p. 171
Demo #12 Data, Exm 12-5, p. 189
Demo #13 First chaos model (KKM)
Demo #14 Color follows cursor, half spectrum
Demo #15 Color follows cursor, full spectrum
Demo #16 Gray follow slider, ints
Demo #16f Gray follow slider, floats

P5 Demos, 2017

These examples are derived from the p5.js code.

Demo #17 Button, mouse click --> action
Demo #17b Button, mouse clicks toggle two actions
Demo #18 Images
Demo #19 Video
HW-Exm-1 Rects
HW-Exm-2 Images
HW-Exm-3 Motion

Updated 17 January 2017