/color-wander

:art: Generative artwork in node/browser based on a seeded random

Primary LanguageJavaScript

color-wander

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:

http://color-wander.surge.sh/

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

Outputs

Here are a few examples.

You can download some of these as lossless PNG here.

Usage

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]

Example:

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.

License

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.