CSCI 4070/6070 Game Programming

Project 1: Arcade Game in HTML5

Overview of Submission: 1) Email both: zipfile of required files (see bwlow) and link / URL to your gallery page to the TA and instructor: maria AT cs.uga.edu Arash Khoshparvar <arash.khoshparvar AT gmail.com> 2) Let know if web site gallery linking to your gallery is OK or not OK

 

Collaboration Policy - Read carefully you must work on this project individually, you may discuss this assignment with other students in the class and ask and provide help in useful ways, preferable over our email list so we can all benefit from your great ideas. You may consult (but not copy) any outside resources you including books, papers, web sites and people. If you use resources other than the class materials, indicate / cite what you used along with your answer.

Assignment Day	January 14, 2014
Due Date & Demo	Wednesday January 29, 2014 (Demonstrate on laptop in class, you must attend class, if you feel there may be a conflict, you will need to schedule your demo at an earlier date). If you need a laptop please check campus laptop rentals. Showcase Thursday January 30th (volunteers showcase their projects in class)

 

Objectives:

The purpose of this assignment is to highlight basic aspects of game programming, and it must illustrate at a minimum:

 

Description:

For this assignment you will program a classic arcade game in HTML5, and demonstrate fundamental aspects of game programming (see list above). Your game needs to be more advanced than the pong-like game demonstrated in class. It is expected that you select from classic games of varied sophistication, and it is excpted that you select a game that more sophisticated than pong demonstrated in class, up to the sophistication level of Pac-Man or (see Arcade Game Site). Both Pac-Man or Asteroids, are vievewed as challenging game, but they should be do-able games for this assignment.

Submission:

(for the below you may change the extension .txt if not plain text e.g., .doc, .pdf)

GRADING.txt: A description on how you met the grading rubric (see below table). You may copy paste these from REPORT.txt.

REPORT.txt should include minimally:
A description of your game (about 1 page), including the objective of the game, the graphical objects, how they animate, how they interact and how scoring work.
A set of screenshots of your game in action highlighting key events (minimally 1 screenshot).
User documentation, i.e. instructions for a new user on how to use your game

README.txt should includelist of files required to run your game, and how to get your code up and running (e.g., HTML5 file, CSS file - if separate, and image files needed).

SCREENSHOT.PNG: Provide a few screen shot of your games, illustrating important ascepts of the game (e..g, start screen, shot (hit)). These may be part of REPORT.txt.

A Gallery: You need to start a web page containing a gallery of your games that you will implement fo the class.

Grading Rubrics:

Requirements	Example / Entity	Score/Points
Definition of Game Objects	Ball / Paddle / Ghost / Pacman	10
Animation of Game Objects	Moving ball, Paddle, Ghosts	20
Interaction between Game Objects	Ball hits paddle, ghosts eats pacman	20
Keeping Score (Some objective)		10
Complexity (Fixing poing is the baseline)	Implementing Pong with some added sophistication, is the baseline and meets requirements for a maximum of an 80 pts, to go beyond 80 you will need to pick a more sophisticated game, e.g., Pacman or Asteroids can get you to 100. If you go beyond the Pacman, or A you may earn bonus points, up to 5 points.	0-20
Documentation / Files	Readme file describe here how you fulfilled the rubrics), programming files (HTML5, CSS, Images), commented code	15
Demo / Project Gallery	Web page / Prepared Demo	6
		101

 

Submission mechanics will be detailed next week.

Expectations:

Resources:

Learning Game Programming in HTML5

There are 4 environments/languages that you should get to know in order to be able to program in HTML5:

HTML

If you don't know any HTML, then start with an HTML Beginner tutorial, like this one:

These pages both discuss beginning, intermediate and advanced features of HTML.

CSS

If you know some HTML, but don't know any CSS, then start with a CSS Beginner tutorial, like this one:

These pages both discuss beginning, intermediate and advanced features of CSS.

JavaScript

HTML5

If you don't know anything about HTML5, then start with an HTML5 tutorial, like either of these:

You should also go through the HTML5 Canvases class exercises.

Books

If you want more detail than the tutorials provide, then here are some good in-depth books, some form O'Reeilly, which should be available both in print and electronic format:

 

Online Tutorial: