A game to stop the resurrection of the God of Destruction's game

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

No:3105

2125

←

Prev Next

→

A game to stop the resurrection of the God of Dest..ALL
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 4911 sec｜Game capacity 4.911KB｜

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>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		canvas {
			width: 100%;
			height: 100%;
			background-color: black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>
	<script>
		// ゲームオブジェクト
		var game = {
			width: window.innerWidth,
			height: window.innerHeight,
			context: null,
			player: null,
			boss: null,
			enemyList: [],
			enemyCount: 10,
			isGameOver: false,
			init: function() {
				this.context = document.getElementById("gameCanvas").getContext("2d");
				this.player = new Player(this.width * 0.5, this.height * 0.75, 30);
				this.boss = new Boss(this.width * 0.5, this.height * 0.1, 60);
				for (var i = 0; i < this.enemyCount; i++) {
					var x = Math.random() * this.width;
					var y = Math.random() * (this.height * 0.5);
					var size = Math.random() * 20 + 10;
					var speed = Math.random() * 3 + 1;
					var enemy = new Enemy(x, y, size, speed);
					this.enemyList.push(enemy);
				}
			},
			update: function() {
				if (this.isGameOver) {
					return;
				}
				this.player.update();
				this.boss.update();
				for (var i = 0; i < this.enemyList.length; i++) {
					var enemy = this.enemyList[i];
					enemy.update();
					if (getDistance(this.player.x, this.player.y, enemy.x, enemy.y) < (this.player.size + enemy.size)) {
						this.isGameOver = true;
						break;
					}
				}
				if (getDistance(this.player.x, this.player.y, this.boss.x, this.boss.y) < (this.player.size + this.boss.size)) {
					alert("破壊神を倒した！　おめでとう！　ゲームクリア！");
					this.isGameOver = true;
				}
			},
			draw: function() {
				this.context.clearRect(0, 0, this.width, this.height);
				this.player.draw();
				this.boss.draw();
				for (var i = 0; i < this.enemyList.length; i++) {
					var enemy = this.enemyList[i];
					enemy.draw();
				}
				if (this.isGameOver) {
					this.context.fillStyle = "red";
					this.context.font = "bold 80px Arial";
					this.context.textAlign = "center";
					this.context.fillText("GAME OVER", this.width * 0.5, this.height * 0.5);
				}
			}
		};
		
		// プレイヤーオブジェクト
		function Player(x, y, size) {
			this.x = x;
			this.y = y;
			this.size = size;
			this.speed = 5;
		}
		Player.prototype.update = function() {
			if (isKeyDown("ArrowLeft") && this.x > this.size) {
				this.x -= this.speed;
			}
			if (isKeyDown("ArrowRight") && this.x < game.width - this.size) {
				this.x += this.speed;
			}
			if (isKeyDown("ArrowUp") && this.y > this.size) {
				this.y -= this.speed;
			}
			if (isKeyDown("ArrowDown") && this.y < game.height - this.size) {
				this.y += this.speed;
			}
		};
		Player.prototype.draw = function() {
			game.context.fillStyle = "white";
			game.context.beginPath();
			game.context.arc(this.x, this.y, this.size, 0, Math.PI*2, true);
			game.context.closePath();
			game.context.fill();
		};
		
		// ボスオブジェクト
		function Boss(x, y, size) {
			this.x = x;
			this.y = y;
			this.size = size;
			this.speed = 3;
		}
		Boss.prototype.update = function() {
			if (this.x < this.size || this.x > game.width - this.size) {
				this.speed = -this.speed;
			}
			this.x += this.speed;
		};
		Boss.prototype.draw = function() {
			game.context.fillStyle = "red";
			game.context.beginPath();
			game.context.arc(this.x, this.y, this.size, 0, Math.PI*2, true);
			game.context.closePath();
			game.context.fill();
		};
		
		// エネミーオブジェクト
		function Enemy(x, y, size, speed) {
			this.x = x;
			this.y = y;
			this.size = size;
			this.speed = speed;
		}
		Enemy.prototype.update = function() {
			this.y += this.speed;
			if (this.y > game.height + this.size) {
				this.x = Math.random() * game.width;
				this.y = - this.size;
				this.speed = Math.random() * 3 + 1;
			}
		};
		Enemy.prototype.draw = function() {
			game.context.fillStyle = "blue";
			game.context.beginPath();
			game.context.arc(this.x, this.y, this.size, 0, Math.PI*2, true);
			game.context.closePath();
			game.context.fill();
		};
		
		// ユーティリティ関数：二点間の距離を求める
		function getDistance(x1, y1, x2, y2) {
			var x = x1 - x2;
			var y = y1 - y2;
			return Math.sqrt(x * x + y * y);
		}
		
		// ユーティリティ関数：キーボードの状態を取得する
		var keyState = {};
		window.addEventListener('keydown',function(e){
			keyState[e.code || e.key] = true;
		},true);
		
		window.addEventListener('keyup',function(e){
			keyState[e.code || e.key] = false;
		},true);
		
		function isKeyDown(key) {
			return keyState[key] || false;
		}
		
		// ゲームループ
		function gameLoop() {
			game.update();
			game.draw();
			window.requestAnimationFrame(gameLoop);
		}
		
		// ゲーム開始
		game.init();
		gameLoop();
	</script>
</body>
</html>