Step 10 - Finalize game and tutorial

Step 10: Finalize game and tutorial

• Finish up the game and resource

Score: 10

Evaluation & Deliverables:

This week I wrapped up the website. I made a tutorial to help users learn how to play the game. I used JavaScript and jQuery to make floating boxes that shifted around the screen to point out certain game features. I'm hoping the game makes sense to people. It's not exactly the most intuitive game. I almost feel like the game is an instance of Pavlov's conditioning--using punishments and rewards to help someone learn. Anyways, the instructional aspect may have some issues, but the game is up and running! The main point of the game is to help people learn a metaphor that may help them remember the purpose of different punctuation marks. Hopefully it helps!

Here's a link to the "finished" product: https://googledrive.com/host/0Bwuo-xxRHyjmOXZSZHA4YmVRSE0/punctuation_project/web_resource_mainpage.html 

Here's some scripting to run the tutorial:

function tutorialBoxNext() {
$('#comment').removeClass();
if(tutorialCount === 0) {
$('#comment').addClass('A');
document.getElementById("comment").innerHTML="<--This is Mark.";
tutorialCount++;
} else if (tutorialCount === 1) {
$('#comment').addClass('B');
document.getElementById("comment").innerHTML="This is one of Grammar's Thugs-->";
tutorialCount++;
} else if (tutorialCount === 2) {
$('#comment').addClass('C');
document.getElementById("comment").innerHTML="And so is he-->";
tutorialCount++;
} else if (tutorialCount === 3) {
$('#comment').addClass('C');
document.getElementById("comment").innerHTML="Avoid these guys.";
tutorialCount++;
}