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

No:3309

1938

←

Prev Next

→

Get half-price sushi
Developer User3655｜Date and time 23/6/24 12:42:03
Build time 21.794 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>
		canvas {
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	<h1>半額寿司ゲット</h1>
	<p>スマホの画面をタップして、回転寿司を食べよう！</p>
	<canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

var sushi = {
			x: canvas.width / 2,
			y: canvas.height / 2,
			radius: 50,
			speed: 5,
			color: "🍣"
		}

function drawSushi() {
			ctx.beginPath();
			ctx.font = "bold 60px sans-serif";
			ctx.fillStyle = "red";
			ctx.fillText(sushi.color, sushi.x - sushi.radius / 2, sushi.y + sushi.radius / 2);
			ctx.closePath();
		}

function moveSushi() {
			var direction = Math.random() * 360; // 寿司の進行方向をランダムに決定
			var distance = Math.random() * 200; // 寿司が進む距離をランダムに決定

sushi.x += Math.cos(direction) * distance;
			sushi.y += Math.sin(direction) * distance;

if (sushi.x < 0) {
				sushi.x = canvas.width;
			} else if (sushi.x > canvas.width) {
				sushi.x = 0;
			}

if (sushi.y < 0) {
				sushi.y = canvas.height;
			} else if (sushi.y > canvas.height) {
				sushi.y = 0;
			}
		}

function updateScore() {
			document.getElementById("score").innerHTML = "SCORE: " + score;
		}

function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

drawSushi();

if (Math.random() < 0.1) { // 寿司が出現する頻度を調整するための条件文
				moveSushi();
			}

updateScore();
		}

canvas.addEventListener("click", function(event) {
			var x = event.clientX;
			var y = event.clientY;

if (Math.sqrt(Math.pow(x - sushi.x, 2) + Math.pow(y - sushi.y, 2)) < sushi.radius) {
				score += 100;
			}
		});

setInterval(gameLoop, 1000 / 60);
	</script>