{"_id":"color-wander","_rev":"1-e721fedafbae2a290690a176e2604da5","name":"color-wander","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"color-wander","version":"1.0.0","description":"Generative artwork in node/browser based on a seeded random.","main":"./browser.js","license":"MIT","author":{"name":"Matt DesLauriers","email":"dave.des@gmail.com","url":"https://github.com/mattdesl"},"dependencies":{"array-shuffle":"^1.0.0","canvas":"^1.3.15","clamp":"^1.0.1","color-convert":"^1.3.1","color-luminance":"^2.1.0","color-style":"^1.0.0","fastclick":"^1.0.6","float-hsl2rgb":"^1.0.2","float-rgb2hsl":"^1.0.1","get-pixels":"^3.3.0","gl-vec2":"^1.0.0","lerp":"^1.0.3","map-limit":"0.0.1","new-array":"^1.0.0","object-assign":"^4.1.0","pad-left":"^2.1.0","raf-loop":"^1.1.3","random-float":"^1.0.0","seed-random":"^2.2.0","simplex-noise":"^2.2.0","smoothstep":"^1.0.1","unlerp":"^1.0.1","wcag-contrast":"^0.1.0"},"devDependencies":{"babel-preset-es2015":"^6.6.0","babelify":"^7.3.0","browserify":"^13.0.1","budo":"^8.2.2","surge":"^0.18.0","uglify-js":"^2.6.2"},"scripts":{"test":"node test.js","ffmpeg":"ffmpeg -framerate 30 -i frames/test_%04d.png -y -s:v 1280x720 -c:v libx264 -profile:v high -crf 20 -pix_fmt yuv420p output.mp4","deploy":"surge -p .","start":"budo browser.js:bundle.js --live -- -t babelify","build":"browserify browser.js -t babelify | uglifyjs -m -c warnings=false > bundle.js"},"keywords":[],"repository":{"type":"git","url":"git://github.com/mattdesl/color-wander.git"},"homepage":"https://github.com/mattdesl/color-wander","bugs":{"url":"https://github.com/mattdesl/color-wander/issues"},"gitHead":"bf354f8ea2601fc2215d82ec81fd24518c2d0b6a","_id":"color-wander@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"11.2.0","_npmUser":{"name":"ylam_test","email":"yasser.lamsaougar@gmail.com"},"dist":{"integrity":"sha512-vMNt7jlrL7u9iz/gQTpyn7diC+cQgW/iwzcB1c9Cvzi0e6tTELK3cBrVIGTMi2YxAtDax3w0RPQG7zKgRLtJIg==","shasum":"a222ebe195979a99ab420cdfa414d96919c2e721","tarball":"https://registry.npmjs.org/color-wander/-/color-wander-1.0.0.tgz","fileCount":34,"unpackedSize":2031784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCLY+CRA9TVsSAnZWagAAHgEP/R/iZKq7OlGEYIn9R0D6\nEmZHBhrHHZCkVJwCyC0LILmFr590gh4wEnQZmmA5HmfNH+NUCEQMJybSiBSj\nX0dMN0lCjdjOGBNmPnH/Cug5OF741YpCcblpXTV7EwnmPDQUkTsCmWiZ5IV/\nZPYNXJaesTv4amwAeHjt658QibR4cMy4K6UyOvuoeq/gF4ZldUpQ3f874ltH\nxLMc1ipGkIbNF05zxvmLX39PKbcR4AahGUMUYzTUxfuBBtEvCS9Ozg6ScSTM\n68uJe3m+ghYYv818Cyj8ZcFmbeEkJ+AfVD/OlCsdOKVpEGEMP/NwaxgB5LF+\n4AoZFEgmryirIYG26dsQYpkli2NinoqoEfxfFZrwwQKgysdO/BMLzWP8MHgI\nmHACQhWXoPDBT4Or/IsUrHvPDoNUHWCM8D5mZZ/xlUF+3o4BzRyd07e2RjFt\nLZmYbudMF8OuL+rZxg+jSgPY13DKFd4isiDlZh/gCQ8ZaEWikGN/4PwZ/X9T\nkdRqvei16KMZazCmtv5xE4d1caeZ6JO8Cg+xsd3UBalR3zOAJkRWp5FspfQm\nbFWkyfxx6uhRjuHNGa+rS2R/SBGKHEnzl736v3qGEPOVyGBarlEZwXN5WQK1\nwnwUgtPRiVu3Rw6UOkA/SBdPtWwBLrKfxyQMDrXlZ54//GbvDrflZ62z8khz\ne/Em\r\n=sn0e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcP9M6MLFZXXK7nfmipOQPojojgh4bX/mpIi6Ltgey4wIgAsiLx8kgK8c4m3mQUMQiUXVYF5FrQdVEKJxTKrMOoBI="}]},"maintainers":[{"name":"ylam_test","email":"yasser.lamsaougar@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/color-wander_1.0.0_1544074813591_0.12626835777144674"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-06T05:40:13.591Z","1.0.0":"2018-12-06T05:40:13.855Z","modified":"2022-04-27T13:40:14.749Z"},"maintainers":[{"name":"ylam_test","email":"yasser.lamsaougar@gmail.com"}],"description":"Generative artwork in node/browser based on a seeded random.","homepage":"https://github.com/mattdesl/color-wander","keywords":[],"repository":{"type":"git","url":"git://github.com/mattdesl/color-wander.git"},"author":{"name":"Matt DesLauriers","email":"dave.des@gmail.com","url":"https://github.com/mattdesl"},"bugs":{"url":"https://github.com/mattdesl/color-wander/issues"},"license":"MIT","readme":"# color-wander\r\n\r\nGenerative artwork in node/browser based on a seeded random.\r\n\r\nBlog post and more details:\r\n\r\n[Generative Art with Node.js and Canvas](http://mattdesl.svbtle.com/generative-art-with-nodejs-and-canvas)\r\n\r\n## Live Demo\r\n\r\nYou can view the algorithm in real-time here:\r\n\r\nhttp://color-wander.surge.sh/\r\n\r\nIn Chrome, you can right-click the canvas an \"Save As\" to get the full resolution.\r\n\r\n## Outputs\r\n\r\nHere are a few examples.\r\n\r\n<img src=\"http://i.imgur.com/VU7G4LX.jpg\" width=\"85%\" />  \r\n<img src=\"http://i.imgur.com/ooYrDUW.jpg\" width=\"85%\" />  \r\n<img src=\"http://i.imgur.com/dTb32La.jpg\" width=\"85%\" />  \r\n<img src=\"http://i.imgur.com/IrZGveh.jpg\" width=\"85%\" />  \r\n<img src=\"http://i.imgur.com/TyI4sQX.jpg\" width=\"85%\" />  \r\n<img src=\"http://i.imgur.com/5QRD3Ps.jpg\" width=\"85%\" />  \r\n\r\nYou can download some of these as lossless PNG [here](https://www.dropbox.com/sh/qhrwaw2rzjqbf5r/AABsYzFc7a4ewWkIJYHHBs85a?dl=0).\r\n\r\n## Usage\r\n\r\n```sh\r\ngit clone https://github.com/mattdesl/color-wander.git\r\ncd color-wander\r\nnpm install\r\n```\r\n\r\nTo run the browser experience:\r\n\r\n```sh\r\nnpm run start\r\n```\r\n\r\nWhen 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.\r\n\r\n```sh\r\nnode print [seed]\r\n```\r\n\r\nExample:\r\n\r\n```sh\r\nnode print 180423\r\n```\r\n\r\n> *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.\r\n\r\n## License\r\n\r\nThe source code is licensed under MIT, the actual design/visuals/concept/artwork is licensed under [Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International](https://creativecommons.org/licenses/by-nc-nd/4.0/). If you need a more specific license for commercial reasons, please open a new issue to discuss it with me.","readmeFilename":"README.md"}