CSCI 446 Unit #12 JS

Purpose:

Create a more open-ended program that provides an opportunity to use additional HTML5 and JavaScript features. You will need to review some material within w3schools and/or google to figure out some features.

Description:

In this lesson you will create a fun activity based around completing a set of "challenges." Specific requirements:

• There must be some way for users to navigate through the challenges. This should be visual, but due to time constraints it might be fairly simplistic. For example, you could display a background image with 3 challenge buttons that can be clicked in any order. Or you could have a path that users must navigate to get to the next challenge, with a simple set of arrow keys. Or it could be a story line with text and maybe a picture that updates as the challenges are completed. Having an overall theme for your activity would be cool, but isn't required.
• Challenge 1. The first challenge will be the Same Game. For the overall activity, you may want to require that users achieve a certain score (to make it feel like a real challenge).
• Challenge 2. The second challenge will be another game you create that makes use of a timer and animation. More detail below.
• Challenge 3. The third challenge will be a simpler game or activity that makes use of the HTML5 drag-and-drop facility. More detail below.
• Your program should track state using HTML5 local storage. This will allow the user to leave the activity then come back at a later time to finish (must be on the same machine, of course, since storage is just local). It's up to you what you track... maybe the user's name, scores for each challenge, etc.
• You should make use of the HTML5 Audio feature. This can be a very simple use of a sound that indicates success or failure in one of your challenges, for example. Please do NOT have a song that plays throughout the entire activity, as that would likely get annoying.

Challenge 2

The "Game Challenge" should be a game that makes use of a timer and animation. Games like Snake, Space Invaders, Frogger etc. would fall into this category. The complexity of this challenge should be roughly on par with Same Game. To ensure this, you will create a rubric for the game which I will approve. The rubric will spell out the requirements of your game, and assign reasonable point values (i.e., point values similar to Same Game rubric - if you allocated 20 points for drawing the board, for example, this would not be similar). The rubric for your game should total 40 points.

Challenge 3

You will create another challenge that makes use of HTML5 drag-and-drop. This might be a small jigsaw puzzle, or some activity where you need to figure out the right location to drop an object (e.g., a matching game). As with the game challenge, you will create a rubric that I will approve. This rubric should total 20 points.

Deliverables

The design of your activity, including the rubrics for your game and simple activity, will be submitted during Final Project Week 2.