AI game creator

Click here for free DL of the app version that can save data.

No:25220

←

Prev Next

→

Horror game
Developer User12304｜Date and time 23/11/19 8:01:06
Build time 121.318 sec｜Game capacity 3.407KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Horror Escape Game</title>
	<style>
		#game-container {
			width: 100%;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #000;
			color: #fff;
			font-family: Arial, sans-serif;
		}
		#game-container button {
			padding: 10px 20px;
			font-size: 18px;
			background-color: #fff;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<button onclick="startGame()">Start Game</button>
	</div>

function displayIntroduction() {
			document.getElementById('game-container').innerHTML = `
				<h1>Welcome to the Horror Escape Game!</h1>
				<p>You wake up in a dark, eerie room. Your objective is to escape from this haunted mansion.</p>
				<p>Look for clues, solve puzzles, and avoid supernatural obstacles in order to survive.</p>
				<button onclick="navigateRoom('room1')">Start Game</button>
			`;
		}

function navigateRoom(room) {
			switch (room) {
				case 'room1':
					displayRoom1();
					break;
				case 'room2':
					displayRoom2();
					break;
				case 'room3':
					displayRoom3();
					break;
				case 'room4':
					displayRoom4();
					break;
				case 'escape':
					displayEnding();
					break;
			}
		}

function displayRoom1() {
			document.getElementById('game-container').innerHTML = `
				<h1>Room 1</h1>
				<p>You find yourself in a dusty room with a creepy painting on the wall.</p>
				<img src="pictogram-painting.png" alt="creepy painting">
				<p>What would you like to do?</p>
				<button onclick="navigateRoom('room2')">Go to the next room</button>
				<button onclick="displayIntroduction()">Quit Game</button>
			`;
		}

function displayRoom2() {
			document.getElementById('game-container').innerHTML = `
				<h1>Room 2</h1>
				<p>The next room is filled with broken furniture. You hear distant whispers in the air.</p>
				<img src="pictogram-whispers.png" alt="whispers">
				<p>What would you like to do?</p>
				<button onclick="navigateRoom('room1')">Go back</button>
				<button onclick="navigateRoom('room3')">Proceed further</button>
			`;
		}

function displayRoom3() {
			document.getElementById('game-container').innerHTML = `
				<h1>Room 3</h1>
				<p>A dimly lit room with a locked door. There seems to be a key hidden somewhere.</p>
				<img src="pictogram-key.png" alt="key">
				<p>What would you like to do?</p>
				<button onclick="navigateRoom('room2')">Go back</button>
				<button onclick="navigateRoom('room4')">Find the key</button>
			`;
		}

function displayRoom4() {
			document.getElementById('game-container').innerHTML = `
				<h1>Room 4</h1>
				<p>You stumble upon a room filled with ghostly figures. They start moving towards you!</p>
				<img src="pictogram-ghosts.png" alt="ghosts">
				<p>What would you like to do?</p>
				<button onclick="navigateRoom('room3')">Run away</button>
				<button onclick="navigateRoom('escape')">Fight the ghosts</button>
			`;
		}

function displayEnding() {
			document.getElementById('game-container').innerHTML = `
				<h1>CONGRATULATIONS!</h1>
				<p>You have successfully escaped from the haunted mansion!<br>Thank you for playing the Horror Escape Game.</p>
				<button onclick="displayIntroduction()">Play Again</button>
			`;
		}
	</script>
</body>
</html>