Skip to content

Generative artwork in node/browser based on a seeded random

License

Notifications You must be signed in to change notification settings

jsdario/wander

 
 

Repository files navigation

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.

Seeds I like

  • 722730
  • 42708
  • 94413

License

MIT, see LICENSE.md for details.

About

Generative artwork in node/browser based on a seeded random

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.1%
  • HTML 11.9%