Created
August 31, 2014 21:20
-
-
Save zr0z/315cee62f5e8c0fd4a94 to your computer and use it in GitHub Desktop.
Links and resources presented during my talk at Frontend United Copenhagen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# THE GENERATIVE WEB [Revisited] | |
## Creative coding with web technologies | |
### Part 1: Generative Web 101 | |
- [Murmuration](http://vimeo.com/98351279) | |
- [Van Gogh's Starry Night(interactive animation)](http://vimeo.com/36466564) | |
#### The beginnings | |
- [10 PRINT CHR$(205.5+RND(1)); : GOTO 10](http://10print.org/) | |
- [Persistence of vision](http://www.povray.org/) | |
#### Libraries and frameworks | |
- [Processing](https://www.processing.org) | |
- [OpenFramework](http://www.openframeworks.cc) | |
- [Cinder](http://libcinder.org) | |
### Part 2: Canvas | |
#### Applications | |
- [Weave silk](http://weavesilk.com) | |
#### Experiments | |
- [Flat Surface Shader](http://matthew.wagerfield.com/flat-surface-shader/) | |
- [Hide behind](http://barradeau.com/blog/?p=194) | |
- [Primordial Soup](http://soulwire.co.uk/experiments/primordial-soup) | |
- [linjer](http://lab.hakim.se/linjer/) | |
- [Concentrics](http://tholman.com/concentrics/) | |
#### Libraries | |
- [three.js](http://threejs.org) | |
### Part 3: WebGL | |
- [The Khronos group](http://www.khronos.org/webgl/) | |
#### Websites | |
- [The Hobbit (North Kingdom)](http://middle-earth.thehobbit.com) | |
- [Find your way to Oz (Unit9)](http://www.findyourwaytooz.com) | |
- [Eco Next Globe (Fi)](https://www.behance.net/gallery/18680125/Eco-Next-Globe) | |
#### Libraries | |
- [sketch.js](https://github.com/soulwire/sketch.js) | |
#### Applications and game engines | |
- [Unreal Engine - Epic Citadel](http://unrealengine.com/showcase/epic-citadel) | |
- [PlayCanvas](http://playcanvas.com) | |
- [Goo Create](http://www.goocreate.com/) | |
### Part 4: p5.js | |
**Learn code with experiments.** | |
- [p5.js](http://p5js.org) | |
- [The Nature of code](http://natureofcode.com) | |
#### Samples shown: | |
- [Math Distance 2D](http://p5js.org/learn/examples/Math_Distance_2D.php) | |
- [Pointillism](http://p5js.org/learn/examples/Image_Pointillism.php) | |
- [Perlin Noise](http://p5js.org/learn/examples/Math_Noise_Wave.php) | |
- [Generative painting](http://p5js.org/learn/demos/Hello_P5_Drawing.php) | |
- [Conway's Game of Life](http://p5js.org/learn/examples/Simulate_Game_of_Life.php) | |
- [Flocking](http://p5js.org/learn/examples/Simulate_Flocking.php) | |
### Some creative coders | |
**When code meets creativty.** | |
- [Robert Hogdin AKA Flight404](http://roberthodgin.com/) | |
- [Daniel Shiffman](http://shiffman.net) | |
- [Joshua Davis](http://www.joshuadavis.com) | |
- [Justin Windle AKA soulwire](http://soulwire.co.uk/) | |
- [Paul Lewis AKA aerotwist](http://aerotwist.com) | |
- [Tim Holman](http://tholman.com/) | |
- [Hakim El Hattab](http://hakim.se/) | |
- [Nicolas Barradeau AKA nicoptere](http://barradeau.com/) | |
- [Matthew Wagerfield](http://matthew.wagerfield.com/) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
THE GENERATIVE WEB [Revisited]
Creative coding with web technologies
Part 1: Generative Web 101
The beginnings
Libraries and frameworks
Part 2: Canvas
Applications
Experiments
Libraries
Part 3: WebGL
Websites
Libraries
Applications and game engines
Part 4: p5.js
Learn code with experiments.
Samples shown:
Some creative coders
When code meets creativty.