回転寿司お寿司が回転しています。指定された寿司を素早く取るゲームです。's game

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

No:2849

7897

←

Prev Next

→

回転寿司お寿司が回転しています。指定された寿司を素早く取るゲームです。
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 2320 sec｜Game capacity 2.32KB｜

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>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #ffccff;
			font-size: 50px;
			text-align: center;
			overflow: hidden;
		}

#sushi_container {
			position: relative;
			height: 600px;
			margin-top: 100px;
			overflow: hidden;
		}

.sushi {
			position: absolute;
			left: 0;
			top: 250px;
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background-color: #ffc266;
			font-size: 80px;
			line-height: 150px;
			text-align: center;
			box-sizing: border-box;
			padding: 20px;
			box-shadow: 0 0 10px #333;
			cursor: pointer;
			animation: rotate 5s linear infinite;
		}

@keyframes rotate {
			0% {transform: rotate(0);}
			100% {transform: rotate(360deg);}
		}
	</style>
</head>
<body>
	<div id="sushi_container">
		<div class="sushi" id="sushi1">🍣</div>
		<div class="sushi" id="sushi2">🍱</div>
		<div class="sushi" id="sushi3">🦀</div>
		<div class="sushi" id="sushi4">🍤</div>
		<div class="sushi" id="sushi5">🍙</div>
		<div class="sushi" id="sushi6">🍶</div>
		<div class="sushi" id="sushi7">🍵</div>
		<div class="sushi" id="sushi8">🥢</div>
	</div>

let score = 0;

// create sushi objects
		for (let i = 0; i < sushis.length; i++) {
			let sushi = document.getElementById("sushi" + sushis[i].id);
			sushi.dataset.type = sushis[i].type;
			sushi.addEventListener("click", function() {
				if (this.dataset.type === current_sushi.dataset.type) {
					score++;
					document.getElementById("score_board").textContent = "スコア: " + score;
					this.style.display = "none";
					generateSushi();
				}
			});
		}

let current_sushi = null;

function generateSushi() {
			if (current_sushi !== null) {
				current_sushi.style.display = "none";
			}
			current_sushi = document.getElementsByClassName("sushi")[Math.floor(Math.random() * 8)];
			current_sushi.style.display = "block";
		}

// start game
		generateSushi();
	</script>
</body>
</html>