Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Slow seline is a snail. She is seen in a corridor, slowly getting closer. The player must pay attention to her eyes, if the eyes are straight up the player must stay still, if the eyes are stretched out towards the walls and not facing the Protagonist, the player is free to move.'s game | AI game creator

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

No:3495

3474

←

Prev Next

→

Slow seline is a snail. She is seen in a corridor,..ALL
Developer anonymous｜Date and time 70/1/1 9:35:53
Build time unknown sec｜Game capacity 2.153KB｜

Script

Slow Seline

Help the Protagonist get to the other side of the corridor without getting caught by Slow Seline.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Slow Seline</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #c3e6e8;
			font-family: sans-serif;
			text-align: center;
		}
		
		.snail {
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			width: 100px;
			height: 80px;
			background-image: url('https://i.imgur.com/XRZ5uKn.png');
			background-size: contain;
			background-repeat: no-repeat;
			animation: move 10s linear infinite;
		}
		
		@keyframes move {
			from {
				left: 0;
			}
			to {
				left: 90%;
			}
		}
		
		.player {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 40px;
			height: 60px;
			background-image: url('https://i.imgur.com/9Olt7LG.png');
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		.still {
			background-image: url('https://i.imgur.com/9Olt7LG.png');
		}
		
		.moving {
			animation: moveLeftRight 2s ease infinite;
		}
		
		@keyframes moveLeftRight {
			0% {
				left: 0;
			}
			50% {
				left: 45%;
			}
			100% {
				left: 0;
			}
		}
	</style>
	<script>
		function checkEyes() {
			var eyes = document.getElementById('eyes').value;
			if (eyes == 'up') {
				document.getElementById('player').classList.add('still');
				document.getElementById('player').classList.remove('moving');
			} else {
				document.getElementById('player').classList.add('moving');
				document.getElementById('player').classList.remove('still');
			}
		}
		
		function startGame() {
			document.getElementById('start-screen').style.display = 'none';
			document.getElementById('game-screen').style.display = 'block';
			setInterval(checkEyes, 500);
		}
	</script>
</head>
<body>
	<div id="start-screen">
		<h1>Slow Seline</h1>
		<p>Help the Protagonist get to the other side of the corridor without getting caught by Slow Seline.</p>
		<button onclick="startGame()">Start Game</button>
	</div>
	
	<div id="game-screen" style="display:none;">
		<div class="snail"></div>
		<div id="player" class="still"></div>
		<input type="hidden" id="eyes" value="up">
	</div>
</body>
</html>