click edit & comment the return & continue statements. if nothing shows up in the right panel, try typing space or enter in the editor.
as there is no such thing as "too many resources", here's a selection of interesting online resources
not an online resource yet a must read, find it, read it.
The Nature of Code by Daniel Shiffman
an invaluable resource to understand computational geometry, systems, agents, fractals and so much more... if you're a video person, he is the mastermind behind the coding train
Computational Graphic Design
Manual by Mark Webster
an introduction to computational design with a strong focus on the underlying artistic concepts. the examples use the P5.js library
- Matt DesLauriers is a proficient creative dev, he maintains a beautiful series of articles about WebGL and GLSL, he also released P5.js Demos series that uses the P5.js library. he developed canvas-sketch, his own creative dev lib and countless modules for 2D and 3D
Render Hell by Simon
if you're interested in WebGL & GLSL but still not sure what this means, I warmly recommend going throught these 5 funny and exhaustive books
WebGL Fundamentals by Gregg Tavares
Gregg has written multiple series of articles to help people understand WebGL & Three.js (and more), the GL examples of this page are based on his tutorials which says it all, go!
The book of shaders by Patricio Gonzalez Vivo
Patricio has written a series of articles to help people understand the Shaders, a must read if you're willing to use GLSL
I wanted to have the ability to edit the code and view the result and quickly hacked something but there are plenty of online editors too
- dacein is an experimental IDE and library for creative coding made by Szymon Kaliski.
- Codepen has a versatile HTML/CSS/JS editor, along with gazillions of user contributed sketches
- Glitch is the the new kid on the block, rather than editing a single file, Glitch lets you edit a full project and manage your assets
- the book of shaders by Patricio Gonzalez Vivo has a nice live reload editor to edit GLSL
- Shadertoy is where you go when you think you know GLSL and cry.
this is a collection of demos done by Nicolas Barradeau, it's meant to help newcomers understand the different aspects of creative coding and datavisualization.
the code style is rather quaint, today (2019) one would probably use ES6 classes and tomorrow something different. the idea is to explain the underlying principles so that they can later be used in any language.
it's available on github too :)