-
Notifications
You must be signed in to change notification settings - Fork 103
Spring 2014: Week 2 Homework Dan
Find a JS project/piece online that you like, choose some part of it to reinterpret/reproduce with p5.js. This need not be an exact replica, but rather, think of it like pulling out some chunk, breaking it down, and using it as the basis for creating your own sketch. Use at least one class(prototype) in your code.
Use view-source to look at the javascript source code of the inspiration you choose and see what you can understand about it. In some cases, there may be small parts of the code you can use as a basis for your own sketch, though you should create your own code, not just rip out a section from someone else. Many things you find may be built on top of another JS library, take some time to look around these and get a sense for how the functions and structure compares to p5.js.
Some places to start looking:
Post a link to your running sketch, as well as a link to the piece you used for inspiration on the wiki.
##Homework links Please put your name linked to your homework sketch below.
- Name - link to homework - link to original inspiration - any comments or questions
- Alexander Grid Drawing - gist link
- Edwin - Color Circle, based on glsl.js ... Shifting Color
- Eojin - Glittering Greenfield
- Inpyo - Sound trigger, inspired by interactive particle
- Kang -Geometry Choreography
- Katie Adee - space pong port - inspired by [Space Pong] (http://www.chromeexperiments.com/detail/space-pong/?f=)
- Leslie
- Louise [Bouncing triangles] (http://itp.nyu.edu/~llf244/CreativeJavascript/Week2/) Inspiration [web audio api getting started tutorial] (http://www.html5rocks.com/en/tutorials/webaudio/intro/) and old nature of code sketch
- Rafael
- Sergio Ring trails based on D3.js OMG Particles II
- Saki many bouncing balls
- Seiya balls
- Sisa
- Vanessa [Galaxy of things] (http://vanessajoho.com/creativeJS/hw2/galaxyofthings/index.html)
- WoonYung [super simple sketch] (http://woonyungchoi.com/creativeJS/week2/)
- Sharon vagina
- Amelia Winger-Bearskin First try three.js. I had an impossible time trying to use the Paper.js libraries, any advice? links?
- Adrian Sas: http://sasitp.com/CH/