A game in which you control a cat and compete with it for speed in spinning sushi. The sun helps you and the north wind gets in the way.'s game

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

No:1724

1411

←

Prev Next

→

A game in which you control a cat and compete with..ALL
Developer User3394｜Date and time 23/6/18 22:44:17
Build time 25.62 sec｜Game capacity 2.036KB｜

Script

🌞

🍃

🐱

※ゲームはアイデアのみのため、画像などは仮のものを使用しています。

←

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 {
		background-color: #FFE4C4;
		text-align: center;
	}
	#nyanco {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-size: 2.5em;
	}
	#sushi {
		position: absolute;
		top: 0;
		width: 80px;
		height: 80px;
		z-index: 1;
	}
	#sun {
		position: absolute;
		top: 15%;
		left: 30%;
		width: 100px;
		height: 100px;
	}
	#wind {
		position: absolute;
		top: 15%;
		right: 30%;
		width: 100px;
		height: 100px;
	}
	#score {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 4em;
	}
	</style>
</head>

// sushiを動かす
		function moveSushi() {
			var sushiEl = document.getElementById("sushi");
			sushiPos += speed * sushiDirection;
			if (sushiPos + sushiDirection * sushiEl.offsetWidth/2 > window.innerWidth/2 ||
				sushiPos + sushiDirection * sushiEl.offsetWidth/2 < -window.innerWidth/2) {
				// 反転
				sushiDirection *= -1;
				sushiPos += speed * sushiDirection;
			}
			sushiEl.style.transform = `translateX(${sushiPos}px) scaleX(${sushiDirection})`;
			setTimeout(moveSushi, 50);
		}

// nyancoを動かす
		function moveNyanco(e) {
			var nyancoEl = document.getElementById("nyanco");
			nyancoEl.style.left = `${e.touches[0].clientX}px`;
			if (sushiPos - nyancoEl.offsetLeft < 50 && sushiPos - nyancoEl.offsetLeft > -80) {
				score++;
				document.getElementById("score").innerText = score;
			}
		}

// ゲームスタート
		moveSushi();
		document.addEventListener('touchmove', moveNyanco, false);
	</script>
</body>
</html>

※ゲームはアイデアのみのため、画像などは仮のものを使用しています。