Welcome to the Hack Party! We've collected some resources that we think you might like. If there's something you think we're missing, send it along to email@example.com and we'll add it here.
References and tutorials
- MDN Canvas Tutorial An introduction to scripting the canvas element directly, no need for libraries!
- Canvas specification Not for the faint of heart: this is the raw specification of the canvas element. I wouldn't use it to learn, but it's a great reference
- MDN WebGL portal Collection of resources from the Mozilla Developer Network on using WebGL
It has been recently adopted for the Khan Academy computer science program, which is a good resource for beginners.
I am not a huge advocate for the language, its main advantage is that people already familiar with Processing can easily get started developing in-browser skeches. However if you fit this description then feel free to use it!
More Gen Art links
These are great examples of generative and interactive art, not all of these run in the browser, but they're all great projects by great people
- Context Free Art Create generative complexity with a simple grammar.
- Structure Synth Context Free, but in 3D!
- Syntopia Blog by generative artist Mikael Hvidtfeldt Christensen, creator of Structure Synth.
- Complexification Generative works by the artist Jared Tarbell
- Paolo Čerić Animated GIFs generated in Processing.