MASH

posted by on 2011.10.31, under Web
31:

For my final project for Comm Lab: Web, I’d like to create an online version of the game MASH. It’s a pen & paper game that determines who the player will marry and how many children they’ll have.

The paper format is as follows:

Write MASH at the top of the page. MASH stands for mansion, apartment, shack or house.
The player provides four potential spouses; these are recorded by the other player/fortune teller.
The player then provides four numbers representing the number of children they will have and also four vehicle types the player likes.

Once all responses are recorded, the fortune teller starts to draw a spiral. At any point in the drawing, the player is allowed to say “stop!” The fortune teller then counts the number of rings from the center. The number of rings is used to eliminate responses until there’s only one option left in each category.

For an online version, the game would start in a similar way. The user will provide potential spouses (real people, celebrities, fictional characters etc),numbers for children, types of vehicles, occupation, and states/countries of residence in a form. After the form is submitted, sinatra would randomly chose a value from each category to display as the fortune. The fortune would then be displayed as a string, “You will marry Brad Pitt, drive a monster truck, work as a(n) electrician and live in a shack with 3 children in Estonia.”

What I have left to do:

  • Write Javascript to validate the form so that all fields are filled out, have a window pop up alert if the fields are not all populated.
  • Write Javascript to display Miss Cleo, set a delay so that the image only displays for 10 seconds and then redirects to the results page.
  • Write Sinatra code that will chose one input from the user in each category and display in string.

In the gallery, I’ve displayed:

  • The first page
  • After the user presses submit, an image of Miss Cleo would hover in the middle of the screen until the result page loads.
  • The result page

Javascript and Cats

posted by on 2011.10.24, under Web
24:

This week in Comm Lab Web, we talked about JavaScript. Here’s a few examples of what JavaScript can do:

 

 

 

 

pagetop