inconvergent-sandbox icon indicating copy to clipboard operation
inconvergent-sandbox copied to clipboard

Interactive demos written in p5.js

Inconvergent Sandbox

Interactive demos written using p5.js.

See the code live on Glitch at: https://inconvergent-sandbox.glitch.me/

p5.js reference: https://p5js.org/reference/

Running the code

Locally

The easiest way to run this code is to just open any of the html files in the www folder in your browser. If you make any changes to the any of the files, all you have to do is refresh the page and you should see any changes right away.

Using Glitch

It is also possible to edit the code on Glitch. Go to https://glitch.com/~inconvergent-sandbox Then click the botton marked "Remix on your own" below the sandbox. Then you can perform the changes you want.

Using Node

If you are familiar with Node.js and NPM you can also run this code by going to the root of the repo and executing (you only need to do this the first time):

npm install

to install the dependencies. Then type

npm run start

to start a local server on your computer. You can access the sketches by going to: http://localhost:4000 in your browser.

Download Node.js here https://nodejs.org/en/download/

Processing Implementation

Processing versions of these demos (implemented by Lali Barrière) can be seen at: https://github.com/laliki/inconvergent_to_processing

References and Further Reading

  • For other writing on generative art: https://inconvergent.net/generative (note that the included code is outdated and unmaintained)

  • So you Want to Build a Generator: http://galaxykate0.tumblr.com/post/139774965871/so-you-want-to-build-a-generator

  • The Nature of Code: https://natureofcode.com/book/

  • P5.js docs https://p5js.org/reference/

  • List of other resources: https://github.com/mattdesl/workshop-generative-art/blob/master/README.md#further-reading

  • Another list https://github.com/terkelg/awesome-creative-coding