Gorilla throws poop and eats cake game's game

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

No:521

412

←

Prev Next

→

Gorilla throws poop and eats cake game
Developer User3009｜Date and time 23/6/15 6:18:55
Build time 47.536 sec｜Game capacity 3.218KB｜

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>
</head>
<body>

// ゲームオブジェクトの初期化
		var game = {
			cake: {
				x: 550,
				y: 270,
				width: 50,
				height: 50
			},
			gorilla: {
				x: 50,
				y: 260,
				width: 80,
				height: 80
			},
			poop: {
				x: null,
				y: null,
				radius: 20,
				speed: 10,
				active: false
			},
			score: 0
		};

// キャンバスの要素を取得
		var canvas = document.getElementById("game");

// 描画コンテキストを取得
		var ctx = canvas.getContext("2d");

// キャンバスをクリックしたときの処理
		canvas.addEventListener("click", function(event) {

// うんこが既に存在していたら処理しない
			if (game.poop.active) return;

// うんこを発射する
			game.poop.active = true;
			game.poop.x = game.gorilla.x + game.gorilla.width / 2;
			game.poop.y = game.gorilla.y + game.gorilla.height / 2;

// クリックした場所に向けてうんこを飛ばす
			var mouseX = event.clientX;
			var mouseY = event.clientY;
			var dx = mouseX - game.poop.x;
			var dy = mouseY - game.poop.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			game.poop.vx = game.poop.speed * dx / distance;
			game.poop.vy = game.poop.speed * dy / distance;

// うんこを発射する絵文字を表示する
			ctx.font = "30px serif";
			ctx.fillText("💩", game.poop.x - 15, game.poop.y + 5);

});

// ゲームのメインループ
		var gameLoop = setInterval(function() {

// キャンバスをクリアする
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// ケーキを描画する
			ctx.font = "30px serif";
			ctx.fillText("🎂", game.cake.x, game.cake.y);

// ゴリラを描画する
			ctx.font = "50px serif";
			ctx.fillText("🦍", game.gorilla.x, game.gorilla.y);

// うんこを描画する
			if (game.poop.active) {
				game.poop.x += game.poop.vx;
				game.poop.y += game.poop.vy;
				ctx.font = "30px serif";
				ctx.fillText("💩", game.poop.x - 15, game.poop.y + 5);
			}

// ケーキとうんこの当たり判定を行う
			if (game.poop.active) {
				var distance = Math.sqrt(Math.pow(game.poop.x - game.cake.x, 2) + Math.pow(game.poop.y - game.cake.y, 2));
				if (distance < game.poop.radius + game.cake.width / 2) {
					game.score++;
					game.poop.active = false;
				}
			}

// スコアを描画する
			ctx.font = "30px serif";
			ctx.fillText("スコア：" + game.score, 20, 40);

// ゴリラを動かす
			if (game.gorilla.x < 0) {
				game.gorilla.x = 0;
			} else if (game.gorilla.x > canvas.width - game.gorilla.width) {
				game.gorilla.x = canvas.width - game.gorilla.width;
			} else {
				game.gorilla.x += 5;
			}

}, 1000 / 60);

</script>

</body>
</html>

【ゲームの概要】
ゴリラがうんこを投げて、ケーキを狙うゲームです。スマホで操作可能であり、キャンバスをクリックすることでうんこを発射できます。ケーキにうんこが当たった場合、スコアが加算されます。ゴリラは自動的に右に移動し続けます。