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

No:3495

1923

←

Prev Next

→

Slow seline is a snail. She is seen in a corridor,..ALL
Developer User3709｜Date and time 23/6/25 6:56:59
Build time 19.574 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]現在の売れ筋Kindle本ランキング

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>