InfoWorld

JavaScript tutorial: Create a watercolor edge with P5.js

Last week we created a textured paper canvas and got a healthy dose of the P5 API and JavaScript’s Math.random() function. This week, we’re going to look at a specific element of watercolor to see if ...

Writing Metaballs in p5.js — Smoothly connecting circles with the contours of overlapping 'fields'

Circles approach each other smoothly, merge into one, and then drift apart. That organic shape, reminiscent of mucus or soap ...
GitHub

p5.js, node.js, socket.io

When you write p5, you are doing what is called "client-side" programming. The JavaScript code we write is executed by the browser itself and runs on the user's local computer. For controlling the ...
InfoWorld

JavaScript tutorial: Create a textured paper background with P5.js

Last week I introduced the concept of generative art, P5.js, and some of the setup woes with P5.js. I left you with a scaffolding repository that gets all the project setup headache out of the way, ...
GitHub

yining1023/p5.ble.js

This project is currently in development. A Javascript library that enables communication between your BLE devices and your p5 sketch. With p5.ble.js, you can request and connect to nearby Bluetooth ...

Differential Growth in p5.js — Folding without Self-Intersection

When you gradually extend a single closed line, it forms folding patterns like those of a brain or coral. While it is an organic pattern similar to the reaction-diffusion (Gray-Scott) model from last ...