Coding Art book
The Four Steps to Creative Programming with Processing and p5.js
Finally, a book on creative programming, written directly for artists and designers! Rather than following a computer science curriculum, this book is aimed at creatives who are working in the intersection of design, art, and education.
In this book you'll learn to apply computation into the creative process by following a four-step process, and through this, land in the cross section of coding and art, with a focus on practical examples and relevant work structures. See below for more information.
p5.js examples
On this page you can find direct links to the p5.js examples of the Coding Art Book. There are two new chapters in the second edition of "Coding Art" that use p5.js, and these examples are featured here for easier access. To make it easier to open this page on a mobile device, you can use the QR code below.
Chapter 7: Flow fields and particle storms
In this chapter, we move to p5.js, the Processing for the web. We start with a gentle introduction of p5.js and its key differences to Processing. Then, we move into a series of explorative cases around generative art and flow fields.
- Setup template example 1 example 2
- First canvas exploration example 1 example 2
- Simple flow fields example 1 example 2 example 3 example 4 example 5
- Dotted flow fields example 1 example 2 example 3 example 4
- Shaped flow fields example 1 example 2 example 3 (interactive)
- Striped flow fields example 1 example 2
Chapter 8: Making sense of touch and sensors
In this chapter, we continue with p5.js and explore different interaction possibilities for the web: from multi-touch to using sensors of a mobile device. Note that the examples in this chapter are made for multi-touch and sensor-equipped devices such as smart phones, tablets and laptops with touch screens.