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

No:3436

2505

←

Prev Next

→

🐬 game
Developer User3700｜Date and time 23/6/25 3:52:23
Build time 43.717 sec｜Game capacity 3.974KB｜

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 black;
		}
	</style>
</head>
<body>
	<h1>🐬ゲーム</h1>
	<p>画面をタップしてジャンプをして、障害物を避けながら進んでいきましょう。</p>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// イルカオブジェクト
		function Dolphin() {
			this.img = new Image();
			this.img.src = "dolphin.png";
			this.width = 50; // 横幅
			this.height = 50; // 高さ
			this.posX = 50; // X座標
			this.posY = game.canvas.height / 2 - this.height / 2; // Y座標
			this.velY = 0; // Y軸方向の速度
			this.jumpPower = 10; // ジャンプ力
		}
		Dolphin.prototype.draw = function() {
			game.ctx.drawImage(this.img, this.posX, this.posY, this.width, this.height);
		};
		Dolphin.prototype.jump = function() {
			this.velY = -this.jumpPower;
		};

// 障害物オブジェクト
		function Obstacle() {
			this.img = new Image();
			this.img.src = "obstacle.png";
			this.width = 50; // 横幅
			this.height = 50; // 高さ
			this.posX = game.canvas.width; // X座標
			this.posY = Math.random() * (game.canvas.height - this.height); // Y座標
			this.speed = 5; // 移動速度
		}
		Obstacle.prototype.update = function() {
			this.posX -= this.speed;
			if (this.posX < -this.width) {
				// 画面外に出たらオブジェクトを削除
				var index = game.obstacles.indexOf(this);
				game.obstacles.splice(index, 1);
			}
		};
		Obstacle.prototype.draw = function() {
			game.ctx.drawImage(this.img, this.posX, this.posY, this.width, this.height);
		};
		Obstacle.prototype.collidesWith = function(obj) {
			if (this.posX < obj.posX + obj.width &&
				this.posX + this.width > obj.posX &&
				this.posY < obj.posY + obj.height &&
				this.posY + this.height > obj.posY) {
				return true;
			} else {
				return false;
			}
		};

// ゲームを開始
		game.init();
	</script>
</body>
</html>