回転寿司NEO お寿司が、円状のレールの上を移動しています。指定された寿司を、円状のレールの上からタップで取りましょう！'s game

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

No:3301

5054

←

Prev Next

→

回転寿司NEO お寿司が、円状のレールの上を移動しています。指定された寿司を、円状のレールの上..ALL
Developer もちきなこ｜Date and time 23/6/24 12:22:01
Build time 24.084 sec｜Game capacity 2.276KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>回転寿司NEO</title>
</head>
<body onload="startGame()">
	<canvas id="gameCanvas" width="480" height="320"></canvas>
	<script>
		// ゲーム画面のセットアップ
		var canvas;
		var sushiList = [];
		var selectedSushi = "";
		
		function startGame() {
			canvas = document.getElementById("gameCanvas");
			canvas.addEventListener("click", handleTap);
			generateSushi();
			updateGame();
		}
		
		function generateSushi() {
			var sushiTypes = ["🍣", "🍱", "🍘", "🍙", "🍚", "🍛", "🍜", "🍢", "🍡", "🍤"];
			for (var i = 0; i < 10; i++) {
				var sushiIndex = Math.floor(Math.random() * sushiTypes.length);
				var sushiPosition = i * 50;
				var sushi = {
					x: sushiPosition,
					y: 150,
					type: sushiTypes[sushiIndex]
				};
				sushiList.push(sushi);
			}
			selectedSushi = sushiTypes[Math.floor(Math.random() * sushiTypes.length)];
		}
		
		function updateGame() {
			var ctx = canvas.getContext("2d");
			ctx.fillStyle = "#f5deb3";
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			drawSushi(ctx);
			drawSelectedSushi(ctx);
			requestAnimationFrame(updateGame);
		}
		
		function drawSushi(ctx) {
			ctx.fillStyle = "#000000";
			for (var i = 0; i < sushiList.length; i++) {
				var sushi = sushiList[i];
				ctx.fillText(sushi.type, sushi.x, sushi.y);
				sushi.x -= 2;
				if (sushi.x < -50) {
					sushi.x += 500;
					var sushiTypes = ["🍣", "🍱", "🍘", "🍙", "🍚", "🍛", "🍜", "🍢", "🍡", "🍤"];
					var sushiIndex = Math.floor(Math.random() * sushiTypes.length);
					sushi.type = sushiTypes[sushiIndex];
				}
			}
		}
		
		function drawSelectedSushi(ctx) {
			ctx.fillStyle = "#ff0000";
			ctx.font = "30px Arial";
			ctx.fillText(selectedSushi, 224, 50);
		}
		
		function handleTap(event) {
			var tapX = event.clientX - canvas.offsetLeft;
			var tapY = event.clientY - canvas.offsetTop;
			for (var i = 0; i < sushiList.length; i++) {
				var sushi = sushiList[i];
				if (tapX >= sushi.x && tapX <= sushi.x + 50 && tapY >= sushi.y && tapY <= sushi.y + 50 && sushi.type === selectedSushi) {
					sushiList.splice(i, 1);
					selectedSushi = sushiList[Math.floor(Math.random() * sushiList.length)].type;
					break;
				}
			}
		}
	</script>
</body>
</html>