CS FOR THE LEARNING VILLAGE
  • home
    • PK-1
    • 2-4
    • 5-8
  • who?
  • what?
    • curriculum
    • social media
    • blog
    • SPARK! CS
    • summer SPARK!
  • where?
  • home
    • PK-1
    • 2-4
    • 5-8
  • who?
  • what?
    • curriculum
    • social media
    • blog
    • SPARK! CS
    • summer SPARK!
  • where?
Search

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:
  • 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

Picture

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;
}

Twine

Add Sound (bonus):
Search for a sound on freesound
  • Right-click on page and select View Page Source
  • Search for .mp3
  • Highlight & copy the URL it found
  • Add following code to the page you want sound on and replace with sound URL you just copied

<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.
  • Create a custom image and save as .PNG or .JPG.
  • Create a custom sound and save as .WAV or .MP3
  • Upload your content to this padlet and then copy link from padlet to your story
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:
  • 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.
Core 1
Core 2
Core 3
Core 4

Resources:
  • Twine
  • Twine Guide
  • ColorPicker
  • Freesound
Sample Projects:
  • Tech-Girls project
  • CS in 7th grade math project
  • 5/6 FABLab project
Video Tutorial:
powered by
Picture
Picture
  • home
    • PK-1
    • 2-4
    • 5-8
  • who?
  • what?
    • curriculum
    • social media
    • blog
    • SPARK! CS
    • summer SPARK!
  • where?