🎨 Generative artwork in node/browser based on a seeded random
Switch branches/tags
Nothing to show
Clone or download



Generative artwork in node/browser based on a seeded random.

Blog post and more details:

Generative Art with Node.js and Canvas

Live Demo

You can view the algorithm in real-time here:


In Chrome, you can right-click the canvas an "Save As" to get the full resolution.


Here are a few examples.

You can download some of these as lossless PNG here.


git clone https://github.com/mattdesl/color-wander.git
cd color-wander
npm install

To run the browser experience:

npm run start

When you find a seed you like, you can render it as a high-resolution (2560x1440) print. The following will render a PNG into the output/ folder.

node print [seed]


node print 180423

Note: For this experiment, the Node output resolution is currently the same as the browser canvas. Typically this approach, using node-canvas, is only worthwhile for much larger canvas resolutions.


The source code is licensed under MIT, the actual design/visuals/concept/artwork is licensed under Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International. If you need a more specific license for commercial reasons, please open a new issue to discuss it with me.