Assignments

##Assignment 1 (DUE 10/29)

1. Sign up for the Creative JS google group. This is a place to ask questions, share ideas, links, and inspiration.

2. Convert a previous ICM or other Processing sketch to p5.js. First do a direct conversion, then modify or add one element of the sketch to address the new context of the web. We have yet to talk about much web specific functionality (mobile, touch, various browsers, etc), but think of this more as a conceptual exercise than a technical one. How might you change the content of your sketch to acknowledge or celebrate the fact that it’s running on the web?

• Examples of Processing examples converted to p5.js.

3. Host the sketch somewhere (post your index.html, sketch.js, and p5.js on the web, so you can view the running sketch). Post a link below.

###Assignment links

• Dana Reginiano
• Danqing Wang github
• Diana Freed
• Jinyi Fu
• John Choi
• Marc Abi-Samra
• Mike Ricca
• Michelle Chandra
• Luna Chen
• [Sheri Manson] (http://we.tl/9VhpeOOdBu)
• Susanne Forchheime
• Xinyi Deng
• [Yu Hu] (http://172.16.230.224:8080/)

Assignment 2 (DUE 11/5)

• Make a work of hypertext art, fiction, or poetry. Create a basic web server with Servi, following the instructions in the notes, and publish some HTML, CSS, and JS. You can be as practical or as silly as you like; playfulness is encouraged.
  • Some inspiration on Rhizome and Dia.
  • MTAA Simple Net Art Diagram - [context] (http://www.mtaa.net/mtaaRR/off-line_art/snad.html) "Art made online exists solely if realized by both author and viewer, since an experience of the work is possible only once, or if, it is accessed. Until then, its location remains undefined and unmapped, without any physical manifestation." (Tribe/Jana, 2006)
  • Mouchette
  • Olia Lialina, My Boyfriend Came Back From The War
  • http://wwwwwwwww.jodi.org
  • Young-Hae Chang Heavy Industries, BUST DOWN THE DOOR AGAIN!
  • Zoe Quinn, Depression Quest
• Put your work online with a simple HTTP server using Servi and add a link to it below.

###Assignment links

• Dana Reginiano
• Danqing Wang
• Diana Freed
• Jinyi Fu
• John Choi
• Marc Abi-Samra
• Mike Ricca
• Michelle Chandra
• Luna Chen
• [S. Manson] (http://104.131.163.129:3000/)
• [Susanne Forchheimer] (http://www.susanne.forchheimer.se/ITP/CreativeJavascript/HW2/)
• [Xinyi Deng] (http://104.131.163.215:3000/)
• Yu Hu

Assignment 3 (DUE 11/12)

• Create an HTML/CSS page that can be manipulated with Javascript. Make it interactive, animated, or otherwise responsive to the user using CSS and the DOM through JavaScript. Post a link to it below.

###Assignment links

• Dana Reginiano
• Danqing Wang Drawing application
• Diana Freed
• Jinyi Fu
• John Choi
• Marc Abi-Samra
• Mike Ricca
• Michelle Chandra
• Luna Chen
• S. Manson
• Susanne Forchheimer
• Xinyi Deng
• Yu Hu

Assignment 4 (DUE 11/19)

No homework, just review and finish or improve any assignments not completed! Some places to learn more:

• Codecademy: HTML and CSS
• Codecademy: JavaScript
• Codecademy: jQuery
• http://www.nyu.edu/lynda - log in with nyu id for free access
  • JS essentials
  • JS for web designers
  • JS enhancing the DOM
  • HTML essentials
  • CSS fundamentals
  • CSS page layouts

Final Project (DUE 12/10)

Your final project is a two week assignment, final project presentations will be Wednesday, December 10.

The final project should be a creative project that is inspired by the concepts we've covered this semester. You should feel free to think non-traditionally, final projects do not need to be "web sites" in the traditional sense. You may work together. A few options:

• Extend a previous assignment from this class into a larger project.

• Create a final project that is a piece of a larger project for another class.

• Create something entirely new.

• Learn about a new JS library. Rather than creating one site or project, choose one library to explore and give a 10 minute demo of it to the class. Follow the library's getting started guidelines, read through the documentation, try some examples, and build a few experiments of your own. Share with the class what you learned and did, what is the library good for, what is it bad for, what is unique or interesting about this library? A few possible libraries to check out:

  • three.js - 3d graphics with WebGL
  • paper.js - 2d vector graphics
  • two.js - see patapatap - 2d vector graphics
  • d3.js - data viz
  • popcorn.js - time-based interactive media
  • jquery - DOM manipulation, event handling, animation, ajax
  • tracking.js - computer vision
  • peer.js - WebRTC video chat, p2p connection
  • node.js - server side programming