game in which dogs roll over backwards 90 degrees to make sure they dont fall over's game | AI game creator

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

No:3875

486

game in which dogs roll over backwards 90 degrees ..ALL
Developer User3720｜Date and time 23/6/26 20:48:33
Build time 29.891 sec｜Game capacity 2.519KB｜

犬転がしは、スマホ操作に最適化されたゲームです。画面には、転がった犬がいて、タップすることで進む方向を変えることができます。犬は画面端に当たると跳ね返ります。目標は、できるだけ長く犬を転がし続け、最高得点を狙うことです。以下が実装のコードです。

上記のコードでは、犬の初期位置や移動方向、速度などの情報を管理し、それに基づいて犬を動かす関数や得点を更新する関数を実装しています。また、画面上にスコアやハイスコアを表示するための関数も定義しています。このゲームのルールは、画面内に表示された犬をタップして、犬を転がし続けることです。画面の端に当たると跳ね返り、タップすることで進む方向を変えることができます。スコアは、犬が進んだ距離に応じて加算されます。最高得点を目指し、できるだけ長く犬を転がし続けましょう。

→ 　

1　

1　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

犬転がしは、スマホ操作に最適化されたゲームです。画面には、転がった犬がいて、タップすることで進む方向を変えることができます。犬は画面端に当たると跳ね返ります。目標は、できるだけ長く犬を転がし続け、最高得点を狙うことです。

以下が実装のコードです。

```
<!DOCTYPE html>
<html>
<head>
	<title>犬転がし</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
	<canvas id="gameCanvas" width="300" height="500"></canvas>

<script>
		const canvas = document.getElementById("gameCanvas");
		const ctx = canvas.getContext("2d");

const MAX_SPEED = 5;
		const MIN_SPEED = 2;
		const DOG_SIZE = 30;

let dog = {
			x: canvas.width / 2,
			y: canvas.height - DOG_SIZE / 2,
			speedX: MIN_SPEED,
			speedY: -MAX_SPEED
		};

let score = 0;
		let highscore = 0;

function drawDog() {
			ctx.beginPath();
			ctx.arc(dog.x, dog.y, DOG_SIZE / 2.0, 0, Math.PI * 2);
			ctx.fillStyle = "#FFD700";
			ctx.fill();
			ctx.closePath();
		}

function drawScore() {
			ctx.font = "30px Arial";
			ctx.fillStyle = "#000000";
			ctx.fillText("Score: " + score, 10, 50);
			ctx.fillText("Highscore: " + highscore, 10, 100);
		}

function updateDog() {
			if (dog.x <= DOG_SIZE/2 || dog.x >= canvas.width - DOG_SIZE/2) {
				dog.speedX = -dog.speedX;
			}

if (dog.y <= DOG_SIZE/2) {
				dog.speedY = -dog.speedY;
			}

dog.x += dog.speedX;
			dog.y += dog.speedY;

// update score
			score = Math.floor(dog.y / DOG_SIZE);
			if (score > highscore) {
				highscore = score;
			}
		}

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

drawDog();
			drawScore();

updateDog();
		}

setInterval(draw, 10);
	</script>

</body>
</html>
```

上記のコードでは、犬の初期位置や移動方向、速度などの情報を管理し、それに基づいて犬を動かす関数や得点を更新する関数を実装しています。また、画面上にスコアやハイスコアを表示するための関数も定義しています。

このゲームのルールは、画面内に表示された犬をタップして、犬を転がし続けることです。画面の端に当たると跳ね返り、タップすることで進む方向を変えることができます。スコアは、犬が進んだ距離に応じて加算されます。最高得点を目指し、できるだけ長く犬を転がし続けましょう。