Calculator Tools Calculator Tools
Create

Orion Camp Escapade 1984

Sep 9, 2023

About this app

Play as Jeff Nicole, a camper who wakes up to find his fellow campers missing. Uncover the mystery and escape from Orion Camp!

Orion Camp Escapade 1984 Next

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Orion Camp Escapade 1984</title>
<meta name="description" content="Play as Jeff Nicole, a camper who wakes up to find his fellow campers missing. Uncover the mystery and escape from Orion Camp!">
<meta name="keywords" content="Orion Camp, 1984, Escapade, Game, Survival, Escape, Mystery">

<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">

<script type="text/javascript">
try {
var currentScene = 0;
var endings = ["You managed to escape the camp, but couldn't save your friends. 😢", "You saved your friends but couldn't escape in time. 😱", "You saved your friends and escaped the camp. Well done! 😄"];
var scenes = [
"You woke up in the middle of the night. Your cabin mates are missing. What do you do?",
"You found your friends dead. You're horrified. What do you do?",
"You hear footsteps outside your cabin. What do you do?",
"The killer is chasing you. What do you do?"
];

function nextScene() {
if(currentScene < scenes.length) {
document.getElementById("sceneText").innerText = scenes[currentScene];
currentScene++;
} else {
var ending = Math.floor(Math.random() * 3);
document.getElementById("sceneText").innerText = endings[ending];
document.getElementById("nextButton").style.display = "none";
}
}

document.addEventListener("DOMContentLoaded", function() {
nextScene();
document.getElementById("nextButton").addEventListener("click", nextScene);
});
} catch (error) {
throw error;
}
</script>

<style>
#main-container {
background: linear-gradient(to right, #fbc2eb, #a6c1ee);
color: #2c3e50;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Press Start 2P', cursive;
text-align: center;
}

#sceneText {
margin-bottom: 20px;
}

#nextButton {
background: #3498db;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
transition: background 0.3s;
}

#nextButton:hover {
background: #2980b9;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div id="gameContainer">
<div id="sceneText"></div>
<button id="nextButton">Next</button>
</div>
</div>
</body>
</html>