Generative Browser Art (Live Demo)

Jørgen Nystad

For creative rendering and digital art projects, the Java framework Processing is my go to tool. It also has its JavaScript counterpart p5.js that I haven’t actually used, but certainly looks to be very capable.

Today, however, inspired by my plain JavaScript and Canvas venture in the previous post, I wanted to recreate some of the basics of my generative art procedure without any tools apart from what’s already available in the browser.

The result does indeed look like some of my initial results when I first started out with Processing. The variables aren’t very fine tuned, so the randomness may or may not produce particularly good results. It also has no limit to the generated particles, and will most of the time fill the canvas quite densely.

Feel free to play with it below. Click/tap anywhere in the canvas to restart the generative process with new variables.