School of Interactive Games and Media

GOLISANO COLLEGE OF COMPUTING AND INFORMATION SCIENCES PAGE 1 OF 1 SCHOOL OF INTERACTIVE GAMES AND MEDIA

Project 3: Interactive Experience

Due Dates: Proposal: Tuesday, April 20 th, before class Presentation: During our scheduled final exam time (or last day of class if ready) Due: Date of Scheduled Final Exam

Overview For your final project, you will create a work that makes heavy use of JavaScript, DOM manipulation, and SVG. The project is reasonably open-ended, provided you make substantive use of these technologies. Ideally you will decide on a project that you are excited about, and one that will also require you to learn new skills and technologies.

This project will be located at:

http://people.rit.edu/USERID/230/project3/

Requirements There will be three parts to this project: 1. A project proposal, due April 20th in the appropriate myCourses dropbox, before class (just a paragraph outlining what you intend to do is fine); failure to submit a proposal will result in a 10% penalty 2. The deliverable 3. Documentation of the project describing how it was created, what new skills you had to learn to realize the project, and areas you see for future improvement. Suggested project ideas include:

Casual Game You will create a complete mini-game that uses SVG for graphics and JavaScript for interactivity and gameplay mechanics. Your game should: 1. Grow in difficulty as the game progresses 4. Present a running score to the player 5. Provide a title screen with directions 6. Keep track and present high scores using the localStorage API Other areas to explore include: 1. Adding basic sounds effects / background music 7. Adding simple physics 8. Adding simple AI to enemies or NPCs 9. Making the game both mouse and touch friendly via PointerEvents (https://github.com/jquery/PEP) GOLISANO COLLEGE OF COMPUTING AND INFORMATION SCIENCES PAGE 2 OF 1 SCHOOL OF INTERACTIVE GAMES AND MEDIA

Interactive Data Visualization For this project you will create an interactive data visualization based on data of your choice. You can collect / process the data ahead of the time and store it on Banjo, or, for extra points, obtain data from a realtime feed. Your visualization should: 1. Be interactive in some way 10. Effectively convey aspects and trends of the data you are exploring 11. Provide directions on how to interact with the visualization and explain what the visualization is exploring. 12. This should not be a simple bar or pie chart. Look at examples from http://d3js.org for inspiration. Other areas to explore include: 1. Making the visualization both mouse and touch friendly via PointerEvents (https://github.com/jquery/PEP) 13. Creative use of animation

Interactive Visual Art Create a compelling piece of interactive visual (audiovisual?) art, building off of the simple ideas used in the abstract animation ICE. Your artwork should: 1. Be substantively interactive 14. Be visually compelling. Explore CSS/SVG filters and other techniques to create more immersive experiences. 15. Be grounded in one or more prior works of visual art / animation, which should be described in your documentation. Other areas to explore include: 1. Simple physics 16. Sound

Documentation In a separate HTML page, linked somewhere I can easily find it (either on your main 230 page or on the project page itself (greatly preferred)), tell me the following:

 How the project was created; what technologies did you use? What did you write yourself and what did you get from somewhere else?

 What new skills you had to learn to realize the project

 Areas you see for future improvement

 Anything else you want me to know GOLISANO COLLEGE OF COMPUTING AND INFORMATION SCIENCES PAGE 3 OF 1 SCHOOL OF INTERACTIVE GAMES AND MEDIA

Presentation At the time of our scheduled meeting during finals week, you will present your project to the class in a brief demo. For this demo, show us:

 What you made

 What’s cool, and what you think is “above and beyond”

 How you overcame any serious challenges

 Your sources (for libraries, tutorials, etc.) if you used any

Note: With 24 students, timing for presentations will be tight. If you are ready early, I would greatly appreciate volunteers who would be willing to give their presentations on the last day of class, May 11th. Won’t grade the project until after the final date, and consideration will be given if there are still rough edges.

Submission Due Date: At the time of our scheduled final.

1. Your project will be posted at http://people.rit.edu/USERNAME/230/project3/ 2. Make sure to link to the project from your 230 page. GOLISANO COLLEGE OF COMPUTING AND INFORMATION SCIENCES PAGE 4 OF 1 SCHOOL OF INTERACTIVE GAMES AND MEDIA

Grading Your grade will be determined using the following criteria: Your Criteria Weight Score All text content is correctly spelled and grammatically 5 correct HTML and CSS validates correctly, and CSS is stored in 10 external stylesheet JavaScript is primarily stored in an external script file(s). No 5 inline JavaScript is used. The project is cleanly coded. HTML markup is semantic, and there is consistent use of indentation and commenting 10 throughout HTML, CSS, and JS files. Project documentation describes both project and process well. It outlines technologies you had to learn to complete 10 the project and other hurdles you had to overcome. Documentation is linked from class homepage. The project pays attention to aesthetics. CRAP principles are employed, along with a deliberately selected font(s) 10 and color palette. The project engages with JavaScript in a substantive way. 10 Custom functions and objects are created by the user. Functions as intended, and controls are reasonable and 10 elegant. Successfully researched new JavaScript / SVG techniques that are employed in the project, as outlined in the project 10 documentation. Above and beyond: is the game or experience particularly fun or engaging? Are the mechanics complex? Is the art project visually interesting? Does it encourage exploration? Most importantly: could this project be a small piece in 10 your portfolio? Your documentation will be key in helping me understand the difficulties you faced in realizing this project and how you overcame them. Presentation is informative and well-prepared. 10

Possible Total Points 100

If the final site is not posted where instructed or not linked from your 230 page (this includes if your 230 page doesn't exist), but I still manage to find it, there will be a 10-point penalty. If I can't find your project online, it gets a 0. Failure to submit the proposal results in a 10% penalty.