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

No:3127

2258

←

Prev Next

→

Postmortem Games
Developer User3660｜Date and time 23/6/23 22:24:03
Build time 57.759 sec｜Game capacity 5.351KB｜

Script

死後のゲーム

あなたは地獄に落ちた。でも大丈夫、天使が用意してくれたゲームに挑戦すれば、再び生き返ることができるかもしれない。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>死後のゲーム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #000000;
			color: #FFFFFF;
			font-size: 20px;
			text-align: center;
		}
		canvas {
			display: block;
			margin: auto;
			background-color: #FFFFFF;
			border: 5px solid #000000;
			border-radius: 10px;
			box-shadow: 0 0 10px 5px #FFFFFF;
		}
	</style>
</head>
<body>
	<h1>死後のゲーム</h1>
	<p>あなたは地獄に落ちた。でも大丈夫、天使が用意してくれたゲームに挑戦すれば、再び生き返ることができるかもしれない。</p>
	<canvas id="game" width="640" height="480"></canvas>
	<script>
		// ゲームオブジェクト
		var game = {
			canvas: document.getElementById("game"),
			ctx: document.getElementById("game").getContext("2d"),
			score: 0,
			lives: 3,
			ball: {
				x: 320,
				y: 360,
				radius: 10,
				speed: 5,
				angle: Math.PI / 4,
				dx: 5 * Math.cos(Math.PI / 4),
				dy: -5 * Math.sin(Math.PI / 4),
				draw: function() {
					game.ctx.beginPath();
					game.ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
					game.ctx.fillStyle = "#FF0000";
					game.ctx.fill();
					game.ctx.closePath();
				},
				move: function() {
					// ボールが壁にあたったら反射する
					if (this.x + this.dx > game.canvas.width - this.radius || this.x + this.dx < this.radius) {
						this.dx = -this.dx;
					}
					if (this.y + this.dy < this.radius) {
						this.dy = -this.dy;
					} else if (this.y + this.dy > game.canvas.height - this.radius) {
						// ボールが床に落ちたらライフを1減らす
						game.lives--;
						if (game.lives > 0) {
							this.x = 320;
							this.y = 360;
							this.angle = Math.PI / 4;
							this.dx = 5 * Math.cos(Math.PI / 4);
							this.dy = -5 * Math.sin(Math.PI / 4);
						} else {
							// ライフが0になったらゲームオーバー
							game.gameOver();
						}
					}
					// ボールがパドルにあたったら反射する
					if (this.x > game.paddle.x && this.x < game.paddle.x + game.paddle.width && this.y + this.dy > game.canvas.height - game.paddle.height - this.radius) {
						this.dy = -this.dy;
						this.angle = Math.atan2(-this.dy, this.dx);
					}
					// ボールを移動する
					this.x += this.dx;
					this.y += this.dy;
				}
			},
			paddle: {
				x: 270,
				y: 440,
				width: 100,
				height: 20,
				speed: 10,
				draw: function() {
					game.ctx.beginPath();
					game.ctx.rect(this.x, this.y, this.width, this.height);
					game.ctx.fillStyle = "#FFFFFF";
					game.ctx.fill();
					game.ctx.closePath();
				},
				move: function(direction) {
					// パドルを移動する
					if (direction == "left" && this.x > 0) {
						this.x -= this.speed;
					} else if (direction == "right" && this.x + this.width < game.canvas.width) {
						this.x += this.speed;
					}
				}
			},
			bricks: [],
			init: function() {
				// ブロックを初期化する
				for (var i = 0; i < 5; i++) {
					for (var j = 0; j < 8; j++) {
						game.bricks.push({
							x: j * 80,
							y: i * 30 + 50,
							width: 75,
							height: 25,
							color: "#" + Math.floor(Math.random() * 16777215).toString(16),
							visible: true
						});
					}
				}
			},
			draw: function() {
				// ゲームを描画する
				game.ctx.clearRect(0, 0, game.canvas.width, game.canvas.height);
				game.ball.draw();
				game.paddle.draw();
				game.bricks.forEach(function(brick) {
					if (brick.visible) {
						game.ctx.beginPath();
						game.ctx.rect(brick.x, brick.y, brick.width, brick.height);
						game.ctx.fillStyle = brick.color;
						game.ctx.fill();
						game.ctx.closePath();
					}
				});
				game.ctx.font = "20px sans-serif";
				game.ctx.fillText("SCORE: " + game.score, 20, 30);
				game.ctx.fillText("LIVES: " + game.lives, game.canvas.width - 110, 30);
			},
			update: function() {
				// ゲームを更新する
				game.ball.move();
			},
			collisionDetection: function() {
				// ボールとブロックが衝突した時の処理
				game.bricks.forEach(function(brick) {
					if (brick.visible) {
						if (game.ball.x + game.ball.radius > brick.x && game.ball.x - game.ball.radius < brick.x + brick.width && game.ball.y + game.ball.radius > brick.y && game.ball.y - game.ball.radius < brick.y + brick.height) {
							game.ball.dy = -game.ball.dy;
							game.ball.angle = Math.atan2(-game.ball.dy, game.ball.dx);
							brick.visible = false;
							game.score += 10;
							if (game.bricks.every(function(brick) { return !brick.visible; })) {
								game.gameOver();
							}
						}
					}
				});
			},
			gameOver: function() {
				// ゲームオーバーの処理
				clearInterval(game.interval);
				alert("GAME OVER\nSCORE: " + game.score);
				location.reload();
			},
			interval: null
		};
		
		// ゲームを開始する
		game.init();
		
		// キーイベントを設定する
		document.addEventListener("keydown", function(event) {
			switch (event.keyCode) {
				case 37: // 左
					game.paddle.move("left");
					break;
				case 39: // 右
					game.paddle.move("right");
					break;
			}
		});
		
		// ゲームループを設定する
		game.interval = setInterval(function() {
			game.draw();
			game.update();
			game.collisionDetection();
		}, 1000 / 60);
	</script>
</body>
</html>