P5JS - Interactive Visual Coding for the Web

What is P5JS?

P5js is a JavaScript library for creating visual interactive art/design for the web. You can use P5js to add interactive sketches to your website. These can range from an image that changes on a users click, to animations that users can interact with through web-cam. You could use p5js for writing games or advanced applications, but P5js is best for smaller projects. These can range from an interactive logo, a little art piece, or an animated introduction to your website. See http://p5js.org/ for more details.

You can also see some interesting work others have done with p5js here: http://p5js.org/gallery/.

Who is this book for

This book is for both the novice and seasoned programmer. If you have never programmed in your life, it might be a little overwhelming at first. Just keep at it though. I will try to keep things simple. Try the examples. Write the code yourself, and change things around.

The structure of the book

The introduction chapter shows how to get and install P5js. The second chapter, shapes, is an introduction to drawing 2-d shapes with the P5js library. In the next chapter we learn how to animate these shapes.