Session 1: Demonstrations
Session 2: Project milestone
Final Project Milestone #2
1. Demonstrate a minimum of two distinct, interactive features in your project
2. Explain how you intend to apply interactivity beyond the features currently enabled
3. If your project uses a data set be prepared to show some of the data Involved
4. If you started with a tutorial, explain how your project differs from the original
If anyone was looking for more information on web GL, I found this, and it looked pretty useful.
http://learningwebgl.com/blog/?p=684
Sorry to post again, but another link to some useful reference from mozilla developers pages. Hope you find them useful!
https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL
https://developer.mozilla.org/en/WebGL
This first article is a great overview of the differences between Processing and p5js and gives examples of translating a demo from Processing to p5js.
My second article is shows animation using p5js and breaks down methods used.
This last link is an interactive video featuring David Shiffman, that helps understand p5js.
This interactive graphic app has seven brushes that follow your cursor through 20 different different paths that you can select, the resulting doodling is random as well as color.
Images can be saved in PNG format
Good presentation to understand some common used math in processing.
http://bomomo.com/
http://channel9.msdn.com/Series/Sketchbooktutorial/Trigonometry-for-Designers-Dont-Panic
Nice example of Processing.js + 3d mapping:
http://adamamaral.com/work/ihearttetrahedron/