The game is titled 🍣🆚🧈🆚🐼 and is a novel take on sushi and butter fighting. Players control 🐼 and swipe on the screen to attack the enemy 🍣 and 🧈. The simple controls make it easy for anyone to play!'s game

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

No:3073

1476

←

Prev Next

→

The game is titled 🍣🆚🧈🆚🐼 and is a novel take on su..ALL
Developer User3589｜Date and time 23/6/23 17:11:06
Build time 36.252 sec｜Game capacity 3.06KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>🍣🆚🧈🆚🐼</title>
</head>
<body>
	<div id="canvas-container"></div>
	<script>
		// 画面描画
		var canvas = document.createElement("canvas");
		var ctx = canvas.getContext("2d");
		var container = document.getElementById("canvas-container");
		canvas.width = container.clientWidth;
		canvas.height = container.clientWidth;
		container.appendChild(canvas);

// プレイヤー
		var player = {
			x: canvas.width / 2,
			y: canvas.height / 2,
			size: 30,
			color: "black",
			speed: 5
		}

// 敵
		var sushi = {
			x: Math.floor(Math.random() * (canvas.width - 80) + 40),
			y: Math.floor(Math.random() * (canvas.height - 80) + 40),
			size: 40,
			color: "orange",
			speed: 3
		}

var butter = {
			x: Math.floor(Math.random() * (canvas.width - 80) + 40),
			y: Math.floor(Math.random() * (canvas.height - 80) + 40),
			size: 40,
			color: "yellow",
			speed: 3
		}

// 操作
		var startX, startY;
		canvas.addEventListener("touchstart", function(event) {
			startX = event.changedTouches[0].clientX;
			startY = event.changedTouches[0].clientY;
		});

canvas.addEventListener("touchend", function(event) {
			var endX = event.changedTouches[0].clientX;
			var endY = event.changedTouches[0].clientY;
			if (endX > startX + 50) {
				player.x += player.speed;
			} else if (endX < startX - 50) {
				player.x -= player.speed;
			} else if (endY > startY + 50) {
				player.y += player.speed;
			} else if (endY < startY - 50) {
				player.y -= player.speed;
			}
		});

// ゲームループ
		function loop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤー描画
			ctx.beginPath();
			ctx.fillStyle = player.color;
			ctx.arc(player.x, player.y, player.size, 0, 2 * Math.PI);
			ctx.fill();

// 敵描画
			ctx.beginPath();
			ctx.fillStyle = sushi.color;
			ctx.arc(sushi.x, sushi.y, sushi.size, 0, 2 * Math.PI);
			ctx.fill();

ctx.beginPath();
			ctx.fillStyle = butter.color;
			ctx.arc(butter.x, butter.y, butter.size, 0, 2 * Math.PI);
			ctx.fill();

// 当たり判定
			var playerSushiDistance = Math.sqrt(Math.pow(player.x - sushi.x, 2) + Math.pow(player.y - sushi.y, 2));
			if (playerSushiDistance < player.size + sushi.size) {
				// sushiと衝突
				alert("Game Over");
			}

var playerButterDistance = Math.sqrt(Math.pow(player.x - butter.x, 2) + Math.pow(player.y - butter.y, 2));
			if (playerButterDistance < player.size + butter.size) {
				// butterと衝突
				alert("Game Over");
			}

// 敵の動き
			if (sushi.x > player.x) {
				sushi.x -= sushi.speed;
			} else {
				sushi.x += sushi.speed;
			}

if (sushi.y > player.y) {
				sushi.y -= sushi.speed;
			} else {
				sushi.y += sushi.speed;
			}

if (butter.x > player.x) {
				butter.x -= butter.speed;
			} else {
				butter.x += butter.speed;
			}

if (butter.y > player.y) {
				butter.y -= butter.speed;
			} else {
				butter.y += butter.speed;
			}

requestAnimationFrame(loop);
		}

requestAnimationFrame(loop);
	</script>
</body>
</html>