color-wander

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

  • Owner: mattdesl/color-wander
  • Platform:
  • License::
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

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.

Main metrics

Overview
Name With Ownermattdesl/color-wander
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 2)
Platform
License:
所有者活动
Created At2016-05-09 15:47:53
Pushed At2022-04-26 12:12:09
Last Commit At2021-09-01 09:23:20
Release Count0
用户参与
Stargazers Count1.6k
Watchers Count31
Fork Count147
Commits Count20
Has Issues Enabled
Issues Count19
Issue Open Count11
Pull Requests Count1
Pull Requests Open Count5
Pull Requests Close Count3
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private