<p>
<span style = "color: #F99281"; font-size: 40px>The Trolley Problem</span>
<span style = "color: black">But In Boats!
[[Click->name]] to continue</span>
</p>
(put: (prompt: "Come up with a name to be the savior","Fantastic Name") into $name)
Hello <span style = "color: #71777C">$name</span>, welcome abroad!
<span style = "color: black">Click [[me->day]] to continue your journey... To save the people</span><img src = "https://goldenexpn.github.io/twinespring2023/images/sunny.gif"; width = "100%">
Today's sun is big, bright, and cold.
Not too good for human, since the survivors are all on the two [[boats->2 boats]]... from THAT event.
Total Survival: $number(set:$number to 800)
(set:$boat1 to ($number - 300))
(set:$boat2 to ($number - $boat1))
(set:$lifeboat1 to 0)
(set:$lifeboat2 to 0)
(set: $name to "")
(set: $decision to "")
(set:$clock to (random:1,24))[[<img src="https://goldenexpn.github.io/twinespring2023/images/boat1.jpg" width="100%">->playerlocation]]
So... That's all we have left: <span style = "color: #85C4F9">$number</span> survivors on two boats.
Larger boat contains <span style = "color: #85C4F9">$boat1</span> people, and smaller boat contains <span style = "color: #85C4F9">$boat2</span> people.
You are located [[here->playerlocation]][[<img src = "https://goldenexpn.github.io/twinespring2023/images/boatLocation.jpg"width=100%>->night1]]
You're right here...
Be proud, you're the only technician left who can fix the boat [[:)->night1]]<img src = "https://goldenexpn.github.io/twinespring2023/images/boat_night.gif"width:"100%">
The night is peaceful, hopefully [[tomorrow->event1]] will be peaceful too...<img src="https://goldenexpn.github.io/twinespring2023/images/boatsProblem.jpg"width="100%">
Two boats met technical difficulty and are to be sunk. You can fix but one.
Which one would you choose:
<a style = "color: red"> (link: "Repair the large boat")[
(set: $decision to "large")
(go-to: "shoulder")
]</a>
<a style = "color: red">(link: "Repair the small boat")[
(set: $decision to "small")
(go-to: "shoulder")
]</a>
(if: $decision is "large")[
<div style="position:relative;">
<img src="https://goldenexpn.github.io/twinespring2023/images/shoulder.jpg" width="100%" id="clickable-area">
<a href="#"
style="position:absolute;
bottom:0;
right:0;
width:40%;
height:40%;
background-color:transparent;"
></a>
</div>
<span style = "color: red">$name</span>, please don't leave me and my daughter alone. Fix <span style = "color:red">OUR</span> please!
(link: "change my mind")[
(set: $decision to "small")
(go-to: "shoulder")
]
(link: "pick up the gun")[
(go-to:"blood1")
]
]
(if: $decision is "small")[
<img src = "https://goldenexpn.github.io/twinespring2023/images/shoulder.jpg"; width = "100%">
Thanks! Me and my daughter will bless you!
Hopefully, this is the right [[decision...->1boat]]
]
(if: $decision is "large")[
<img src = "https://goldenexpn.github.io/twinespring2023/images/largeBoatLeft.jpg:";width="100%">
(set: $number to ($number - $boat2))
Congrats! You saved $boat1 people at the expense of $boat2 people!
]
(else-if: $decision is "small")[
<img src = "https://goldenexpn.github.io/twinespring2023/images/smallBoatLeft.jpg"; width = "100%">
(set: $number to ($number - $boat1))
Congrats! You saved $boat2 people at the expense of $boat1 people!
]
[[Will this be the end?->event2]](if: $decision is "large")[
<img src = "https://goldenexpn.github.io/twinespring2023/images/largeBoatProblem.jpg"; width = "100%">
]
(else:)[
<img src = "https://goldenexpn.github.io/twinespring2023/images/smallBoatProblem.jpg";width = "100%">
]
A giant hole is found underneath the boat and it is going to sink.
Luckily, you fixed the [[two lifeboats->2lifeboats]]!(set:$lifeboat1 to ($number-100))
(set:$lifeboat2 to ($number-$lifeboat1))
<img src = "https://goldenexpn.github.io/twinespring2023/images/2shelters.jpg"; width = "100%">
the large lifeboat has <span style = "color: #85C4F9">$lifeboat1</span> people, and the small boat has <span style = "color: #85C4F9">$lifeboat2</span> people.
(if: $decision is "large")[
hopefully there's [[time->event3]] to morn for the loss of <span style = "color: #85C4F9">$boat2</span> people.
]
(else:)[
hopefully there's [[time->event3]] to morn for the loss of <span style = "color” #85C4F9">$boat1</span> people.
]<img src = "https://goldenexpn.github.io/twinespring2023/images/sheltersProblem.jpg"; width = "100%">
At $clock:00, two holes mysteriously appear at the belly of two boats. You can only repair one before they sink.
I hate to do <span style = "color: red">this</span>:
(link: "Repair the large boat")[
(set: $decision to "large")
(go-to: "man")
]
(link: "Repair the small boat")[
(set: $decision to "small")
(go-to: "man")
]<img src = "https://goldenexpn.github.io/twinespring2023/images/angryMan.jpg"; width = "100%">
(if:$decision is "large")[
Angry man:
$name, You have to fix <span style="color:red; font-size:30px">MY BOAT!</span>
(link: "change my mind")[
(set: $decision to "small")
(go-to: "man")
]
[[<img src="https://goldenexpn.github.io/twinespring2023/twine/gun_web.png" width="10%">->blood2]]
]
(if:$decision is "small")[
Man: You did the right things.
...$name, make sure no accident will happen [[again->1lifeboat]]
](if: $decision is "large")[
<img src = "https://goldenexpn.github.io/twinespring2023/images/largeShelterLeft.jpg"; width = "100%">
Only 1 lifeboat remains... Hopefully, this is the [[last->dark]] sacrifice to make...
Total Survivor: $lifeboat1
]
(else:)[
<img src = "https://goldenexpn.github.io/twinespring2023/images/smallShelterLeft.jpg"; width = "100%">
Only 1 lifeboat remains... Hopefully, this is the [[last->dark]] sacrifice to make...
Total Survivor: $lifeboat2
]
<img src = "https://goldenexpn.github.io/twinespring2023/images/shelter_night.gif"; width = "100%">
I don't want to do this [[anymore->wakeup]].<br></br>
I wake up. It's just a dream?
walk [[outside->sea]] the room<img src = "https://goldenexpn.github.io/twinespring2023/images/sea.jpg" width = "100%">
<div style = "font-size: 50px; text-align: center;">The End</div><audio id="music" src="https://goldenexpn.github.io/twinespring2023/twine/music.mp3" loop></audio>
<script>
window.togglePlayPause = function() {
var music = document.getElementById("music");
var button = document.getElementById("play-pause-button");
if (music.paused) {
music.play();
button.innerHTML = "Pause Music";
} else {
music.pause();
button.innerHTML = "Play Music";
}
};
</script>[[<img src = "https://goldenexpn.github.io/twinespring2023/images/blood_girl.gif"; width="100%">->1boat]]
[[<img src = "https://goldenexpn.github.io/twinespring2023/images/blood.gif"; width = "100%">->1lifeboat]]