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

No:3287

1525

←

Prev Next

→

The game is a novel way to break down a bank. Play..ALL
Developer User3589｜Date and time 23/6/24 11:41:31
Build time 42.539 sec｜Game capacity 4.442KB｜

Script

銀行強盗ゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>銀行強盗ゲーム</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #333;
			color: #fff;
			font-family: Arial, sans-serif;
		}
		canvas {
			display: block;
			margin: 0 auto;
			border: 2px solid #fff;
		}
	</style>
</head>
<body>
	<h1>銀行強盗ゲーム</h1>
	<canvas id="game"></canvas>

init: function() {
				this.canvas.width = this.width;
				this.canvas.height = this.height;
				this.player = new Player(this.canvas, this.ctx);
				this.enemies.push(new Enemy(this.canvas, this.ctx));
				this.enemies.push(new Enemy(this.canvas, this.ctx, 500, 100));
				this.enemies.push(new Enemy(this.canvas, this.ctx, 100, 500));
			},

update: function() {
				this.player.update();
				for (var i=0; i<this.enemies.length; i++) {
					this.enemies[i].update();
					if (this.player.isColliding(this.enemies[i])) {
						this.gameover();
					}
				}
			},

render: function() {
				this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
				this.ctx.font = "18px Arial";
				this.ctx.fillText("Money: "+ this.money, 10, 30);
				this.player.render();
				for (var i=0; i<this.enemies.length; i++) {
					this.enemies[i].render();
				}
			},

gameover: function() {
				this.ctx.font = "48px Arial";
				this.ctx.fillText("GAME OVER", this.width/2 - 150, this.height/2);
				clearInterval(this.interval);
			},

start: function() {
				this.init();
				this.interval = setInterval(function() {
					game.update();
					game.render();
				}, 1000/60);
			},

stop: function() {
				clearInterval(this.interval);
			}
		};

// プレイヤークラス
		function Player(canvas, ctx) {
			this.canvas = canvas;
			this.ctx = ctx;
			this.x = canvas.width/2;
			this.y = canvas.height/2;
			this.radius = 20;
			this.color = "yellow";
			this.speed = 5;

this.update = function() {
				if (game.keys && game.keys[65]) { this.x -= this.speed; }
				if (game.keys && game.keys[68]) { this.x += this.speed; }
				if (game.keys && game.keys[87]) { this.y -= this.speed; }
				if (game.keys && game.keys[83]) { this.y += this.speed; }
				if (this.x < this.radius) { this.x = this.radius; }
				if (this.x > this.canvas.width - this.radius) { this.x = this.canvas.width - this.radius; }
				if (this.y < this.radius) { this.y = this.radius; }
				if (this.y > this.canvas.height - this.radius) { this.y = this.canvas.height - this.radius; }
				if (this.isColliding(game.enemies[0])) {
					game.money += 100;
					game.enemies[0].reset();
				}
				if (this.isColliding(game.enemies[1])) {
					game.money += 100;
					game.enemies[1].reset();
				}
				if (this.isColliding(game.enemies[2])) {
					game.money += 100;
					game.enemies[2].reset();
				}
			};

this.render = function() {
				this.ctx.beginPath();
				this.ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
				this.ctx.fillStyle = this.color;
				this.ctx.fill();
				this.ctx.closePath();
			};

this.isColliding = function(enemy) {
				var distance = Math.sqrt(Math.pow(this.x - enemy.x, 2) + Math.pow(this.y - enemy.y, 2));
				return distance < this.radius + enemy.radius;
			};
		}

// エネミークラス
		function Enemy(canvas, ctx, x, y) {
			this.canvas = canvas;
			this.ctx = ctx;
			this.x = x || Math.floor(Math.random() * canvas.width);
			this.y = y || Math.floor(Math.random() * canvas.height);
			this.radius = 30;
			this.color = "green";

this.update = function() {};

this.reset = function() {
				this.x = Math.floor(Math.random() * canvas.width);
				this.y = Math.floor(Math.random() * canvas.height);
			};
		}

// キー操作
		window.addEventListener("keydown", function(e) {
			game.keys = (game.keys || []);
			game.keys[e.keyCode] = true;
		});
		window.addEventListener("keyup", function(e) {
			game.keys[e.keyCode] = false;
		});

// ゲームスタート
		game.start();
	</script>
</body>
</html>