AI game creator

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

No:1072

273

←

Prev Next

→

Poop piling game
Developer User3234｜Date and time 23/6/18 1:34:04
Build time 28.332 sec｜Game capacity 2.269KB｜

Script

得点: 0

【ゲームの概要】タイトル：うんこ積み上げ操作方法：スマホの画面をタップして、うんこを積み上げる。ルール：うんこが積み重ならないように上手く積み上げる。積み重なってしまった場合はゲームオーバーでリロードされる。目的：うんこを最高得点まで積み上げる。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>うんこ積み上げ</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			margin: 0;
			padding: 0;
			font-size: 30px;
			text-align: center;
			background-color: #F5EED5;
		}

#score {
			position: absolute;
			top: 20px;
			left: 20px;
			font-size: 20px;
			color: brown;
		}

#game {
			position: relative;
			width: 100%;
			height: 100%;
		}

#pile {
			position: absolute;
			bottom: 0;
			left: calc(50% - 50px);
			width: 100px;
			height: 100px;
			background-color: brown;
			z-index: 1;
		}

#block {
			position: absolute;
			bottom: 100px;
			left: calc(50% - 50px);
			width: 100px;
			height: 100px;
			background-color: chocolate;
			border-radius: 50%;
			z-index: 2;
			cursor: pointer;
		}

@media screen and (max-width: 768px) {
			body {
				font-size: 20px;
			}

#score {
				font-size: 16px;
			}
		}
	</style>
</head>
<body>
	<div id="score">得点: 0</div>
	<div id="game">
		<div id="pile"></div>
		<div id="block"></div>
	</div>
	<script>
		let score = 0;
		let pile = document.getElementById("pile");
		let block = document.getElementById("block");

block.addEventListener("click", function() {
			let lastBlock = pile.lastElementChild;
			let blockTop = parseInt(block.style.bottom);
			let pileTop = parseInt(lastBlock.style.bottom) + 100;
			if (blockTop == pileTop) {
				block.style.bottom = blockTop + 100 + "px";
				let newBlock = document.createElement("div");
				newBlock.style.bottom = blockTop + 200 + "px";
				newBlock.style.backgroundColor = "chocolate";
				newBlock.style.borderRadius = "50%";
				pile.appendChild(newBlock);
				score++;
				document.getElementById("score").innerHTML = "得点: " + score;
			} else {
				alert("失敗！得点: " + score);
				location.reload();
			}
		});

</script>
</body>
</html>

【ゲームの概要】
タイトル：うんこ積み上げ
操作方法：スマホの画面をタップして、うんこを積み上げる。
ルール：うんこが積み重ならないように上手く積み上げる。積み重なってしまった場合はゲームオーバーでリロードされる。
目的：うんこを最高得点まで積み上げる。