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


Project Goals:
  • Rated G
  • Create storyboard with at least 3 levels
  • Code text into Twine
  • Once you've got a working story in twine, then you can add images & adjust color/fonts
  • Looking for a challenge? Add sound effects!
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;
}

Add Sound (advanced):
  • 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> 

Share Project
  • Open your story in twine
  • Select My Story
  • Select Publish to File​​
  • Upload file to padlet

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