Choose Your Own Adventure: Escape from Pompeii
Projects from Distance Learning
The project for our Pompeii unit will be to create an “Escape from Pompeii” game on Twine. The game should showcase your knowledge of a) Roman structures, b) the city of Pompeii, and c) the 79 A.D. eruption of Mount Vesuvius. The expectations for an “A” level project are below. Students who wish to go above and beyond the expectations below can earn top-off credit, which is also listed below.
Content:
Twine:
Bonus:
Content:
- game begins in the city of Pompeii
- character visits at least 3 public structures, and at least 2 houses
- text exemplifies a strong understanding of Roman structures and houses
- at least one level is a reaction to the initial ash explosion
- text exemplifies a strong understanding of the eruption of 79 A.D.
- game exemplifies a strong understanding of the physical space of the city of Pompeii
Twine:
- flowchart for story - thorough, easy to read and the story is on topic
- at least 3 levels
- at least one "win" condition
- all "lose" conditions have an option to restart
- at least one image with citation at each level
- all paths tested and debugged
- no syntax errors in code and no spelling/grammar errors in story
- get "I like" and "I wish" feedback from at least 2 students and make updates based on feedback
Bonus:
- more than 3 levels
- at least one update to stylesheet (font-size, font-family, or background-color)
- image with citation on every page
- create your own images
- add sound effect
- use images as options to click to next level
Example Code:
Quick, you need to save the Prince.
<img width="200" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/Le_petit_prince.png/438px-Le_petit_prince.png">
credit: wikimedia
[[Take the horse]]
[[Take the spaceship]]
Stylesheet Code:
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
body, tw-story
{
font-family: Lora, serif;
font-size: 18px;
background-color: lightblue;
}
Quick, you need to save the Prince.
<img width="200" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/Le_petit_prince.png/438px-Le_petit_prince.png">
credit: wikimedia
[[Take the horse]]
[[Take the spaceship]]
Stylesheet Code:
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
body, tw-story
{
font-family: Lora, serif;
font-size: 18px;
background-color: lightblue;
}
Add Sound (bonus):
Search for a sound on freesound
<audio src="the URL of your sound effect" autoplay> |
Use your own content (bonus):
You can create your own content - images or sound, but it needs to be hosted on a website. I've created this padlet to share custom content.
|
Use Image as choice (bonus):
Example Code <t1> <div> [[<img class="viz" src="http://clipartstation.com/wp-content/uploads/2017/11/flashlight-clipart-300x200.png" width=175>->flashlight]] [[<img class="viz" src="http://www.pngmart.com/files/4/First-Aid-Kit-PNG-Clipart.png" width=175></div>->first aid kit]] (click the one you want) </t1> |
Save your story:
Your story should auto-save in your browser, but also please download a copy at the end of making big changes:
Share your story:
When you are finished with your story, you need to turn it in. Here are the steps to follow or check out this video tutorial.
Your story should auto-save in your browser, but also please download a copy at the end of making big changes:
- Select My Story
- Select Publish to File
Share your story:
When you are finished with your story, you need to turn it in. Here are the steps to follow or check out this video tutorial.
- Select My Story
- Select Publish to File
- Select your core's padlet below and upload the file. Be sure to put your name in the Title.
Resources:
|
Sample Projects:
|
Video Tutorial:
|