In May of 2014, I finished my second Twine game, Sundown. In the game, you explore an abandoned school. It's dark and everyone is missing. You can collect weapons, keys, and other items. The school is infested with giant spiders and every once in a while there are small earthquakes.

By exploring the school, you can find the answers... Where is everyone? What's up with these giant spiders? Why are we having these earthquakes? Why is there a mysterious tunnel under the school? With the right combination of skill and luck, maybe you will get to be the Student of the Month!

Go to ohiofi.com/sundown to play

Programmed in Twine version 1, Sundown was the first game in which I used three new (new to me) features: screen shake effect, synced looping background music, and high scores. The screen shake effect that I used was created by Darius Kazemi. I slightly edited the code, which can be found here. I've also posted the code that I used to create the background music here.

I wrote a tutorial about how to use Google Drive to store high scores for Twine v1 games, which you can read here. You can also see the current high scores for Sundown:

Finally, my first Twine game, Rookie Recording, is posted on OhioFi at ohiofi.com/rookierecording It’s a video game about street cred, microphones, late night Taco Bell cravings, analog signal flow, unreadable brutal lettering, and an Electronic Talking Sir George Martin Super-Producer® action figure (still in it’s original packaging). If you have never recorded anything in a recording studio in your life, set the Difficulty to Easy. Otherwise, shoot for the moon and choose Hard!
[gallery ids="6023,6022,6021,6018,6017,6015,6014"]

Where Are You? by Quinn L
Fall 2015
Where Are You? by Quinn L
The Haunted Sleepover by Kaylee W
The Amazing Escape by Clayton L
The Mysterious Dungeon by Ross T
Bob by Kadyn S
The Scary Mansion! by Isabella F
Cheating Simulator by Travis D
Haunted House by Rachel W
The Dark Tunnel by Caleb B
My Crazy Life by Max B
The Scariest Tunnels by Damian B
Stuff and More Stuff by Weston W
The Tall House! by Mackenzie S
The Adventure in Nature by Amanda T
The Dungeon by Nate R
The Haunted Mansion by Chloe V
The Slaughter House by Jenny S
The Tall House! by Mackenzie S
Desert Adventure by Noah H
The Race by Leota L
Zombies by Andy A
Try To Escape by Eduardo A
Dungeon by Christian B
Try To Survive by Hannah B

JIF Peanut Butter Jar by Alex H
Lost and Afraid by Rachel B
Darth Vader by Tyler C
Sky Fall 2 by Garrett C
Candy Land 2.0 by Andrea F
Killer Stuffed Animals by Kelsie H
JIF Peanut Butter Jar by Alex H
Murder Mystery by Jackson K
Zombie Apocalypse by Brian K
Money Maker by Garrett M
Finding Taylor by Maci M
Taco Bell by George M
Zombie Apocalypse by Wade M
Your Worst Nightmare by Trinity P
The Creepy Hotel by Alyson Q
1738 by Blu S
Bob by Kadyn S
Hunter by Hunter S
A Text Adventure by Justin S
Zombie Apocalypse by Hunter T

---

Spring 2016
Robber In The House by Blake B
Creepy Cabin by Cameron C
Dog Game by Katelyn C
Jawals by Marcus F
Evil Robot by Nick H
Weird Story by Olivia H
Family Road Trip with Best Friend by Bella S
The Creeper is About to Explode by Logan L
Survive or Die by Peyton L
Space Station on Mars by Wyatt M
The Robbing by Jordan P
Revolution of Pocahontas by Jaimee S
Zoo by Logan U
Never Going Back by Jackson W
Get Out Safe by Kaitlin C
Lunch Throwing Contests by Dakota P
Don't Get Bit by the Dog by Madison C
An Unfamiliar Cabin by Ashton D
Alligino by Wyatt G
Hillbilly Run by Caden J
The Wolf by Nathan K
Alligator by Kennedy N
The "Totally Normal" Game by Liam P
Lunch Throwing Contests by Dakota P
Mystery by Ben R
BO2 Zombies by Ashton W

CASCADING STYLE SHEETS

To customize the way your game looks, click the menu in the bottom-left, then Edit Story Stylesheet. In the stylesheet, you can write CSS code that will allow you to change the background color, the text color, the maximum size for pictures, and much more.

If you put the code background:lightblue; in the section after body { , it changes the background to light blue. Putting the code color:darkgreen; in the section after tw-story { changes the text color to darkgreen. The code img { max-width:600px; } says to the computer, "All images (pictures, animated gifs, etc.) should be 600 pixels wide or less."

Here is some basic CSS that can be used with Harlowe, the default Twine 2 theme.

P.S.
To remove the back arrow (I recommend it for Twine games) include this code in your CSS

CONTINUE TO THE NEXT POST: Twine code, keys, and locked doors