<script>
var random = Math.floor( Math.random() * 3 );
console.log("random number "+ random);
if (random <= 0) {
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
}
if (random == 1) {
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
}
if (random >= 2) {
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
}
setInterval(setTime, 100);
var count = 0;
var left = true;
var title = document.getElementById("title");
title.style.position= 'relative';
title.style.left = '0px';
var totalSeconds = 0;
function setTime() {
++totalSeconds; move(title);
}
function move(objectName) {
if (objectName) {
if (left) {
objectName.style.left = parseInt(objectName.style.left) + 1 + 'px';
count++;
if (count == 200) {
left = false;
count = 0;
}
}
if (!left) {
objectName.style.left = parseInt(objectName.style.left) - 1 + 'px';
count++;
if (count == 200) {
left = true;
count = 0;
}
}
}
}
</script>
<div id="title" class="title"><h1><img src="sprites/title.png"></h1></div>
(set: $char1name to "Alex")(set: $char2name to "Sam")(set: $char3name to "I")(set: $char4name to "?")(set: $char5name to "?")(set: $char6name to "?")<!-- trophies! -->(set: $rolereverse to "false")(set: $respect to "false")(set: $intution to "false")(set: $hearmenow to "false")(set: $peacemaker to "false")(set: $goodsam to "false")(set: $justme to "false")(set: $dissed to "false")(set: $oblivious to "false")(set: $notlistening to "false")(set: $warmonger to "false")(set: $frogger to "false")(set: $notmyproblem to "false")(set: $look to "false")<!-- other variables --->(set: $act to "I")(set: $name to "Sarah")
<div class="container">
(if: (saved-games:) contains "saved")[<div class='button main_menu'>[[New Game|act1_a]]</div>
<div class='button main_menu'>(link: "Continue")[(load-game:"saved")]</div>]
(else: )[<div class='button main_menu'>[[New Game|act1_a]]</div>]<div class='button main_menu'>[[Credits|credits]]</div>
<!-- <div class="button main_menu">(link-goto: "Achievements", "(set: $continue to \"true\")rewards")</div>
</div> -->
<!----
Test:
[[Rewards|rewards]]
[[To Act II|act2_a]]
[[To Act III|act3_a]]
--->
<script>
document.body.style.backgroundColor = "pink";
document.body.style.background = "#f3f3f3 url('background/pink.png') no-repeat right top";
</script>
<link href='fonts/Handlee' rel='stylesheet' type='text/css'><link href='fonts/Kaushan+Script' rel='stylesheet' type='text/css'><link href='fonts/Indie+Flower' rel='stylesheet' type='text/css'><a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">
{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>
}
</div>
<div id="person1"><img src="profiles/person.png"></div>
<img id="person2" src="profiles/person.png">
<span class="fade1">here is some text to show you thinks</span>
<span class="fade2">The girl started talking. She was as surprised as anyone to see herself in this way.</span>
<p><span class="fade3 char1 quote">Why are you always asking me that question?</span></p>
<p><span class="fade4 char2 quote">Well, it's not like someone else is going to say anything, now are they?</span></p>
<p><span class="fade5 char3 quote">I would beg to differ good sir.</span></p>
<span class="fade6">The young boy spun around as a hero in a proud stance. As he turned he realized what a mistake this had been. What was the next thing to do after demanding that attention?</span>
<span class="fade7">[[start over|INTRO]]</span>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">
{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>
}
</div>
<script>
var menuopen = false;
hideMenu();
function menu() {
if (menuopen) {
hideMenu();
}
else {
showMenu();
}
}
function hideMenu() {
console.log("hide menu");
var menu = document.getElementById("menu");
menu.style.display = 'none'; // Hide
menuopen = false;
}
function showMenu() {
console.log("show menu");
var menu = document.getElementById("menu");
var menubutton = document.getElementById("menubutton");
menu.style.display = 'block'; // Show
menubutton.style.display = 'block'; // Show
menuopen = true;
}
</script>
<script>
document.body.style.backgroundColor = "yellow";
document.body.style.background = "#f3f3f3 url('background/theatre.gif') no-repeat right top";
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">
{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>
}
</div>
<script>
var menuopen = false;
hideMenu();
function menu() {
if (menuopen) {
hideMenu();
}
else {
showMenu();
}
}
function hideMenu() {
console.log("hide menu");
var menu = document.getElementById("menu");
menu.style.display = 'none'; // Hide
menuopen = false;
}
function showMenu() {
console.log("show menu");
var menu = document.getElementById("menu");
var menubutton = document.getElementById("menubutton");
menu.style.display = 'block'; // Show
menubutton.style.display = 'block'; // Show
menuopen = true;
}
</script>
<script>
document.body.style.backgroundColor = "cyan";
document.body.style.background = "#f3f3f3 url('background/green.png') no-repeat right top";
playAudio("title");
</script>
<link href='fonts/Passion+One' rel='stylesheet' type='text/css'>
<h2>Results</h2>
<div class="enclosed">
(if: $rolereverse is "true")[<div class="reward good" id="rewardg01"><img src="rewards/trophy.png" padding="5px" align="left" width="100" height="100"><span class="good_name">Role Reversal</span><br /><span class="good_desc">You imaged you were in someone else's shoes.</span></div><p></p>]
(if: $respect is "true")[<div class="reward good" id="rewardg02"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">R.E.S.P.E.C.T</span><br /><span class="good_desc">You treated someone pretty nice by caring about what they wanted.</div><p></p>]
(if: $intution is "true")[<div class="reward good" id="rewardg03"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">Hint Taker</span></span><br /><span class="good_desc">You figured out what they wanted even if they didn't specifically say it.</span></div>
<p></p>]
(if: $hearmenow is "true")[<div class="reward good" id="rewardg04"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">Can You Hear Me Now?</span><br /><span class="good_desc">You listened to others even if they might have said something you didn't want to hear.</span></div>
<p></p>]
(if: $peacemaker is "true")[<div class="reward good" id="rewardg05"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">Peacemaker</span><br /><span class="good_desc">You diffused a conflict before it happened.</span></div>
<p></p>]
(if: $goodsam is "true")[<div class="reward good" id="rewardg06"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">Good Samaritain</span><br /><span class="good_desc">You helped out when someone was upset!</span></div><p></p>]
(if: $goodsam_temp is "true")[
<div class="reward good" id="rewardg07"><img src="rewards/trophy.png" align="left" width="100" height="100"></img><span class="good_name">Look Before You Leap</span><br /><span class="good_desc">You didn't jump to conclusions.</span></div><p></p>]
(if: $justme is "true")[<div class="reward bad" id="rewardb01">
<img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Just Like Me<br /><span class="bad_desc">You assumed someone should be thinking just like yourself.</span></div>
<p></p>]
(if: $dissed is "true")[<div class="reward bad" id="rewardb02">
<img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Dissed</span><br /><span class="bad_desc">You didn't treat someone with respect.</span></div>
<p></p>]
(if: $oblivious is "true")[<div class="reward bad" id="rewardb03"><img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Oblivious</span><br /><span class="bad_desc">You didn't read someone's emotions.</span></div>
<p></p>]
(if: $notlistening is "true")[<div class="reward bad" id="rewardb04"><img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">I'm Not Listening</span><br /><span class="bad_desc">You thought you were right, so it didn't matter what other's said.</span></div><p></p>]
(if: $warmonger is "true")[<div class="reward bad" id="rewardb05"><img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Warmonger</span><br /><span class="bad_desc">You exasperated a problem.</span></div>
<p></p>]
(if: $notmyproblem is "true")[<div class="reward bad" id="rewardb06"><img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Not My Problem</span><br /><span class="bad_desc">You ignored someone who was asking for help.</span></div><p></p>]
(if: $frogger is "true")[<div class="reward bad" id="rewardb07"><img src="rewards/brokenheart.png" align="left" width="100" height="100"></img><span class="bad_name">Frogger</span><br /><span class="bad_desc">You jumped to conclusions.</span></div>
<p></p>]
(if: $look is "false" and $rolereverse is "false" and $respect is "false" and $intution is "false" and $hearmenow is "false" and $peacemaker is "false" and $goodsam is "false" and $justme is "false" and $dissed is "false" and $oblivious is "false" and $notlistening is "false" and $warmonger is "false" and $frogger is "false" and $notmyproblem is "false")[<span class="bad_desc">Sorry, there were no rewards for the game you just played.</span>]
</div>
<span class="fade2">[[<span class='button right'>Start Again!</span>|act1_a]]</span>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char1 fade1 person_large_div"><img class="profile person_large" src="profiles/Yellow_Girl_Happy.png" /><div class="name">$char1name</div><div class="quote quote_person_large">Frailty, thy name is woman!--<br/>
A little month, or ere those shoes were old<br/>
With which she follow'd my poor father's body,<br/>
Like Niobe, all tears:--why she, even she--<br/>
O, God! a beast, that wants discourse of reason,<br/>
Would have mourn'd longer...</div></div>
<div class="char2 fade2 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png"/><div class="name">$char2name</div><div class="quote quote_person_small">Hail to your lordship!</div></div>
<div class="fade3">
[[<span class="button right">Next...</span>|act1_c]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
var title = document.getElementById("title");
title.style.position= 'relative';
title.style.left = '0px';
var totalSeconds = 0;
function setTime() {
++totalSeconds; move(title);
}
playAudio("title");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<h2 id="title">Act I: Dress Rehearsal</h2>
<div class="">Tonight is the dress rehearsal of Hamlet. You’ve been cast as understudy -- for every part! -- so you’ve been at every read-through, following along and helping everyone learn their lines.</div>
(put: (prompt: "What's your name?") into $name)
<div class="fade1">
[[<span class="button right">Next...</span>|act1_b]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("neutral");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char2 fade1"><img class="profile person_small" src="profiles/Purple_Girl_Sad.png"/><div class="name">Sam</div><div class="quote quote_person_small">Every part is important!</div></div>
<div class="fade2 char1"><img class="profile person_small" src="profiles/Yellow_Girl_Annoyed.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Yeah, just some of them more than others. What’s the title of this play again? Oh, right. I’m out of here.</div></div>
<div class="fade3 char2"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png" /><div class="name">$char2name</div><div class="quote quote_person_small">Great!
Alright $name, I hope you know her lines well enough to fill in!</div></div>
<div class="fade4">
[[<span class="button left">“Sure...I got this!”</span>|act2_a]](link: "<span class='button center'>(set: $oblivious to 'true')“What’s her problem? Sure, I can fill in”</span>")[(goto: "act2_a")][[<span class='button center'>“Let me check on Alex first…”</span>|intuition]]
</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $warmonger to "true")
<div class="char2 fade1"><img class="profile person_small" src="profiles/Purple_Girl_Angry.png"/><div class="name">$char2name</div><div class="quote quote_person_small">Oh, of course she is $name. Go ahead, take her side again. Screw this, I’m out too.</div></div>
<div class="fade2">
[[<span class="button right">Next...</span>|act2_a]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $peacemaker to "true")
<div class="char2 fade1"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png"/><div class="name">Sam</div><div class="quote quote_person_small">Yeah, we have to get this down before opening night.</div></div>
<div class="char1 fade2"><img class="profile person_small" src="profiles/Yellow_Girl_Normal.png"/><div class="name">$char1name</div><div class="quote quote_person_small">I’d love to if you’d start taking things seriously.</div></div>
<div class="char2 fade3"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png"/><div class="name">$char2name</div><div class="quote quote_person_small">Okay, okay, you can finish your soliloquy. I yield.</div></div>
<div class="char1 fade4"><img class="profile person_small" src="profiles/Yellow_Girl_Normal.png"/><div class="name">$char1name</div><div class="quote quote_person_small">Fine. Let’s get through this run through.</div></div>
<div class="fade5">
[[<span class="button right">Next...</span>|act2_a]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $intution to "true")
<div class="char1 fade1"><img class="profile person_small" src="profiles/Yellow_Girl_Angry.png"/><div class="name">$char1name</div><div class="quote quote_person_small">What? What do you want? I have the most lines of anyone in this entire play, and no one seems to understand how hard this is!</div></div>
<div class="fade2">[[<span class="button left">“$char1name, you’re doing great!”</span>|doinggreat]][[<span class="button center">“Is this really about the play?”</span>|abouttheplay]][[<span class="button center">“Can’t you just suck it up?”</span>|suckitup]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $goodsam to "true")
<div class="char1 fade1"><img class="profile person_small" src="profiles/Yellow_Girl_Sad.png"/><div class="name">$char1name</div><div class="quote quote_person_small">I appreciate your concern, but I know I can be doing better. Let’s just go back to practice. We don’t have a lot of time to get this right.</div></div>
<div class="fade2">
[[<span class="button right">Next...</span>|act2_a]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $goodsam to "true")
<div class="char1 fade1"><img class="profile person_large" src="profiles/Yellow_Girl_Sad.png"/><div class="name">$char1name</div><div class="quote quote_person_large">Yes! … No. I just have a lot on my mind. My little brother didn’t come home last night and I’m kind of worried about him. But I can’t let that be an excuse to let you all down. Let’s go finish up. Hey, thanks for caring.</div></div>
<div class="fade2">
[[<span class="button right">Next...</span>|act2_a]]</div>
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $notmyproblem to "true")
<div class="char1 fade1"><img class="profile person_small" src="profiles/Yellow_Girl_Sad.png"/><div class="name">$char1name</div><div class="quote quote_person_small">Uh. Wow. You’re just as bad as Sam. But you’re right… we have to get this done. Let’s finish the run through.</div></div>
<div class="fade2">
[[<span class="button right">Next...</span>|act2_a]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
var title = document.getElementById("title");
title.style.position= 'relative';
title.style.left = '0px';
var totalSeconds = 0;
function setTime() {
++totalSeconds; move(title);
}
hideMenu();
</script>
(set: $act to "II")
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<h2 id="title">Act II: Opening Night</h2>
<div class="char2 fade1 person_large_div"><img class="profile person_large" src="profiles/Purple_Girl_Angry.png" /><div class="name">$char2name</div><div class="quote quote_person_large">Where is $char1name?!? I haven’t seen her! She’s got less than 30 minutes to get into costume and makeup. I can’t believe she’d flake on us tonight! What is she doing?!</div></div>
<div class="fade2">[[<span class="button left">“I’m sure $char1name would be here if she could”</span>|look]][[<span class="button center">“You’re right, what is she thinking?!”</span>|thinking]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $look to "true")
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Angry.png" /><div class="name">$char2name</div><div class="quote quote_person_small">What reasons could $char1name possibly have to ditch her main character role on opening night?! She’s just a selfish brat! Stop defending her, $name!</div></div>
<div class="fade2">[[<span class='button left'>“Alex isn’t here to defend herself…”</span>|defend]][[<span class='button center'>“You’re right, she’s never done anything for me.”</span>|forme]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $frogger to "true")
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png" /><div class="name">$char2name</div><div class="quote quote_person_small">We’ll have to take it out on her later. The show must go on. You’re going to have to fill in for her. Get thee to costuming!</div></div>
<div class="fade2">[[<span class='button right'>“Let's Go!”</span>"|act2_b]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
var title = document.getElementById("title");
title.style.position= 'relative';
title.style.left = '0px';
var totalSeconds = 0;
function setTime() {
++totalSeconds; move(title);
}
hideMenu();
playAudio("neutral");
</script>
(set: $act to "III")
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<h2 id="title">Act III: Curtain Call</h2>
<div class="char1 fade1 person_large_div"><img class="profile person_large" src="profiles/Yellow_Girl_Normal.png" /><div class="name">$char1name</div><div class="quote quote_person_large">Hey, thanks for coming.</div></div>
<div class="fade2">[[<span class='button right'>Next...</span>|act3_b]]</div>
<script>
document.body.style.backgroundColor = "cyan";
document.body.style.background = "#f3f3f3 url('background/green.png') repeat, 1920px 1080px, cover";
</script>
<div class="button credits">Story:</div>
Beth Korth
Meghan Wendt
<div class="button credits">Character Art:</div>
Megan Blooflat
<div class="button credits">Code:</div>
Lisa Walkosz-Migliacio
<div class="button credits">Music:</div>
Samuel Keenan
<div class="button credits">Backgrounds:</div>
Lisa Walkosz-Migliacio
<script>
var audio = document.getElementById('audio');
var menuopen = false;
hideMenu();
var music = true;
function playAudio(file) {
if (window.HTMLAudioElement) {
audio.src="sounds/"+file+".mp3";
audio.loop = "true";
console.log(audio.src);
if (music) {
audio.play();
}
}
else {console.log("no support for audio");}
}
function pauseMusic() {
if (music) music = false;
else music = true;
if (window.HTMLAudioElement) {
if (!music) {
audio.pause();
}
else {
audio.play();
}
}
else {console.log("no support for audio");}
}
function menu() {
if (menuopen) {
hideMenu();
}
else {
showMenu();
}
}
function hideMenu() {
console.log("hide menu");
var menu = document.getElementById("menu");
if (menu) {
menu.style.display = 'none'; // Hide
menuopen = false;
}
}
function showMenu() {
console.log("show menu");
var menu = document.getElementById("menu");
var menubutton = document.getElementById("menubutton");
if (menu) {
menu.style.display = 'block'; // Show
menubutton.style.display = 'block'; // Show
menuopen = true;
}
}
</script>
<img src="sprites/ggj.png" />
(live: 5s)[(goto: "INTRO")]
<script>
document.body.style.backgroundColor = "#00D2A5";
document.body.style.background = "#00D2A5 url('background/green.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char1 fade1"><img class="profile person_small" src="profiles/Yellow_Girl_Angry.png"/><div class="name">$char1name</div><div class="quote quote_person_small">You're early! You totally cut me off!</div></div>
<div class="fade2 char2"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png" /><div class="name">$char2name</div><div class="quote quote_person_small">I know, I just can't stand listening to your monologue anymore.</div></div>
<div class="fade3 char1"><img class="profile person_small" src="profiles/Yellow_Girl_Annoyed.png"/><div class="name">$char1name</div><div class="quote quote_person_small">It’s not a monologue, it’s a soliloquy! And I need to practice it more than you need to practice your one liners!</div></div>
<div class="fade4">
[[<span class='button left'>Stay silent -- this isn’t my problem!</span>|notmyproblem]][[<span class='button center'>“Sam, Alex is right…”</span>|warmonger]][[<span class='button center'>“Hey, whoa, let’s all settle down.”</span>|peacemaker]]
</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
playAudio("neutral");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $respect to "true")
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png" /><div class="name">$char2name</div><div class="quote quote_person_small">I guess you’re right. She might have a good excuse. But I doubt it. This is so like her.</div></div>
<div class="fade2">[[<span class='button left'>“It doesn’t matter…”</span>|matter]][[<span class='button center'>“We don’t need her.”</span>|dontneed]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $dissed to "true")
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png" /><div class="name">$char2name</div><div class="quote quote_person_small">I guess it can’t be helped. You think you can do this, $name?</div></div>
<div class="fade2">
[[<span class='button left'>“I’ve got no choice!”</span>|act2_b]][[<span class='button center'>“I was born ready!”</span>"|act2_b]]></div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Angry.png" /><div class="name">$char2name</div><div class="quote quote_person_small">I know it can’t be helped, but this is horrible. What are we going to do?! Can you really step in and play her role?</div></div>
<div class="fade2">
[[<span class='button left'>“Uhhhh….”</span>|act2_b]][[<span class='button center'>“I’m READY!”</span>|act2_b]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png" /><div class="name">$char2name</div><div class="quote quote_person_small">You’re sure you’re good to step in?</div></div>
<div class="fade2">
[[<span class='button left'>Yes!</span>"|act2_b]][[<span class='button center'>“No!</span>"|act2_b]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png" /><div class="name">$char2name</div><div class="quote quote_person_small">Why’d you call us all here anyways?</div></div>
<div class="char1 fade2 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Sad.png" /><div class="name">$char1name</div><div class="quote quote_person_small">I wanted to apologize for flaking out on you all last night.</div></div>
<div class="char2 fade3 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Annoyed.png" /><div class="name">$char2name</div><div class="quote quote_person_small">There’s really no excuse you can give us that will make up for it.</div></div>
<div class="fade4">
[[<span class='button left'>“Sam, this can’t be easy for her…”</span>|noteasy]][[<span class='button center'>“I’d have to agree.”</span>|agree]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $rolereverse to "true")
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Happy.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Thanks, $name. That really means a lot to me that you continue to stick up for me even when I dumped on you. You both mean a lot to me and I’m sorry that my personal stuff has been dragging you down too.</div></div>
<div class="char2 fade2 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png" /><div class="name">$char2name</div><div class="quote quote_person_small">I’m sorry I’ve been hard on you, $char1name. Everything is just changing so fast and I used to count on you for stability. Now you’ve got your own stuff to deal with and you don’t have any time for me anymore.</div></div>
<div class="fade3">[[<span class='button left'>“We all have stuff…”</span>|stuff]][[<span class='button center'>“This is touching…”</span>|touching]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $justme to "true")
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Sad.png" /><div class="name">$char1name</div><div class="quote quote_person_small">You’re absolutely right, I let you both down. You most of all, $name since you had to fill in for me. Can you at least hear me out?</div></div>
<div class="fade2">[[<span class='button left'>“I’m willing to listen.”</span>|listen]][[<span class='button center'>“No way!”</span>|noway]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char2 fade1 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Sad.png" /><div class="name">$char2name</div><div class="quote quote_person_small">Isn’t that the truth? I guess I was so caught up in my problems I never really thought about all the stress you two could be under. I’m sorry.</div></div>
<div class="char1 fade2 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Normal.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Don’t worry about it. We’re all still friends. We’ll help each other. That’s what friends are for. Right, $name?</div></div>
<div class="fade3">[[<span class='button left'>“Right!”</span>|epilogue1]][[<span class='button center'>Um...No.”</span>|umno]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Annoyed.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Ouch, $name. What’s your deal anyways?</div></div>
<div class="fade2">[[<span class='button left'>“I’m sorry…”</span>|sorry]][[<span class='button center'>“You’re both pathetic…”</span>|epilogue2]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $hearmenow to "true")
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Sad.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Thank you. You both mean a lot to me and I’m sorry that my personal stuff has been dragging you down too. Can you forgive me?</div></div>
<div class="char2 fade2 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Normal.png" /><div class="name">$char2name</div><div class="quote quote_person_small">We’ve all been a little on edge lately. There’s so much changing and it’s hard to deal with some of it. I’m sorry too.</div></div>
<div class="fade3">[[<span class='button left'>“No need for apologies…”|apologizes]][[<span class='button center'>“You’re both pathetic…”</span>|epilogue2]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
(set: $notlistening to "true")
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Annoyed.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Well, I guess that’s that then. It was great while it lasted. Guess I’ll see you around.</div></div>
<div class="char2 fade2 person_small_div"><img class="profile person_small" src="profiles/Purple_Girl_Angry.png" /><div class="name">$char2name</div><div class="quote quote_person_small">Yeah, don’t bother trying to make excuses. You were always a bad friend</div></div>
<div class="fade3">[[<span class='button right'>End...</span>|epilogue2]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("neutral");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Epilogue I <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
Despite your differences, you reconcile with your friends. Maybe some of your choices could have been better. Why not start over to see if you can unlock additional awards?
<div class="fade1">[[<span class='button right'>Awards</span>|rewards]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Epilogue II <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
For some reason, things just didn’t work out with you and Alex and Sam. Was it something you said? Why not start over to see if you can figure out how to salvage your friendship?
<div class="fade1">[[<span class='button right'>Awards</span>|rewards]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("bad");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl.png" /><div class="name">$char1name</div><div class="quote quote_person_small">$name! Where are you going?</div></div>
<div class="fade2">[[<span class='button right'>End...</span>|epilogue2]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <a class="pause" href="javascript:pauseMusic();">Pause Music</a>
{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>
}
</div>
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Happy.png" /><div class="name">$char1name</div><div class="quote quote_person_small">Hey, it’s okay. We’re all under a lot of stress. Let’s go get some ice cream and talk it over.</div></div>
<div class="fade2">[[<span class='button right'>End...</span>|epilogue1]]</div>
<script>
document.body.style.backgroundColor = "#8D7499";
document.body.style.background = "#8D7499 url('background/purple.png') no-repeat right top";
hideMenu();
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
<div class="char1 fade1 person_small_div"><img class="profile person_small" src="profiles/Yellow_Girl_Happy.png" /><div class="name">$char1name</div><div class="quote quote_person_small">You’re right! We’re all friends. Let’s keep it that way. You feel like grabbing some ice cream?</div></div>
<div class="fade2">[[<span class='button right'>End...</span>|epilogue1]]</div>
<script>
document.body.style.backgroundColor = "#66C1CF";
document.body.style.background = "#66C1CF url('background/blue.png') no-repeat right top";
hideMenu();
playAudio("good");
</script>
<a href="javascript:menu();"><img class="menubutton" id="menubutton" src="pause.png" /></a>
<div class="menu" id="menu">Act $act <span class="space"> </span>[[Back to Home|INTRO]]<span class="space"> </span><a class="pause" href="javascript:pauseMusic();">Pause Music</a><span class="space"> </span>{
<span="right">(link:"Save game")[(if:(save-game:"saved"))[Game saved!]
(else: )[Sorry, I couldn't save your game.]]</span>}
</div>
You leap onto the stage, adrenaline running through you with all your heart, you deliver a performance you could be proud of.
The next day, still feeling the emotions of the big day before, $char1name calls everyone together.
<div class="fade2">[[<span class='button right'>Next...</span>|act3_a]]</div>