Skibidi Toilet Run 3D's game

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

No:268

257

←

Prev Next

→

Skibidi Toilet Run 3D
Developer User2939｜Date and time 23/6/11 13:42:03
Build time 40.089 sec｜Game capacity 4.126KB｜

Script

Skibidi Toilet Run 3D is a game where you control a toilet to avoid pipes and collect points. To start the game, click on the ”Start” button. Once the game begins, use the spacebar or up arrow key to move the toilet up. Avoid the pipes and collect as many points as possible. If you hit a pipe, the game is over. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Skibidi Toilet Run 3D</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #e9e9e9;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		#game-container {
			height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		#game {
			position: relative;
			width: 100%;
			height: 80%;
			max-width: 750px;
			max-height: 500px;
			background-color: white;
			box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
			border-radius: 10px;
			overflow: hidden;
		}
		#score {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 25px;
			color: purple;
		}
		#toilet {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 80px;
			height: 80px;
			background-image: url('toilet.png');
			background-size: contain;
			animation: toilet-move 1s linear infinite;
			z-index: 1;
		}
		@keyframes toilet-move {
			0% {
				transform: translateX(0);
			}
			50% {
				transform: translateX(40%);
			}
			100% {
				transform: translateX(0);
			}
		}
		.pipe {
			position: absolute;
			bottom: 0;
			right: -52px;
			width: 52px;
			height: 100px;
			background-image: url('pipe.png');
			background-size: contain;
			animation: pipe-move 2s linear infinite;
			z-index: 1;
		}
		@keyframes pipe-move {
			from {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-50%);
			}
		}
		#start-btn {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: #ff6f61;
			color: white;
			padding: 10px 30px;
			font-size: 30px;
			border: none;
			border-radius: 50px;
			cursor: pointer;
			z-index: 2;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<div id="game">
			<div id="score">0</div>
			<div id="toilet"></div>
			<button id="start-btn">Start</button>
			<div class="pipe"></div>
		</div>
	</div>
	<script>
		let score = 0;
		let game;
		let toilet;
		let pipes = [];
		let isGameOver = false;

function startGame() {
			document.getElementById('start-btn').remove();
			toilet = document.getElementById('toilet');
			game = document.getElementById('game');
			movePipes();
			createPipe();
			document.addEventListener('keydown', moveToilet);
		}

function moveToilet(event) {
			if (event.keyCode === 32 || event.keyCode === 38) {
				let toiletTop = parseInt(toilet.style.bottom);
				toilet.style.bottom = toiletTop + 50 + 'px';
			}
		}

function gameOver() {
			isGameOver = true;
			document.removeEventListener('keydown', moveToilet);
			alert(`Game Over! Your score is ${score}`);
			location.reload();
		}

document.getElementById('start-btn').addEventListener('click', startGame);
	</script>
</body>
</html>

Skibidi Toilet Run 3D is a game where you control a toilet to avoid pipes and collect points. To start the game, click on the "Start" button. Once the game begins, use the spacebar or up arrow key to move the toilet up. Avoid the pipes and collect as many points as possible. If you hit a pipe, the game is over. Good luck!