Vertical scrolling shooting game Your machine is equipped with a machine gun Enemies are non-attacking, attacking small fish, mid-boss class Background is sky All characters have a mechanical atmosphere's game

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

No:1646

1035

←

Prev Next

→

Vertical scrolling shooting game Your machine is e..ALL
Developer User3383｜Date and time 23/6/18 21:00:21
Build time 44.099 sec｜Game capacity 3.637KB｜

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 {
			background-image: url("sky.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			display: block;
			margin: auto;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="300" height="400"></canvas>
	<script>
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");
		var playerSize = 20;
		var enemySize = 20;
		var bulletSize = 5;
		var playerX = canvas.width/2 - playerSize/2;
		var playerY = canvas.height - playerSize - 10;
		var playerSpeed = 8;
		var enemySpeed = 3;
		var bulletSpeed = 10;
		var bulletCooldown = 10;
		var enemies = [];

function drawPlayer(x, y) {
			ctx.fillStyle = "yellow";
			ctx.fillRect(x, y, playerSize, playerSize);
		}

function drawEnemy(enemy) {
			ctx.fillStyle = "red";
			ctx.fillRect(enemy.x - enemySize/2, enemy.y - enemySize/2, enemySize, enemySize);
		}

function drawBullet(bullet) {
			ctx.fillStyle = "white";
			ctx.fillRect(bullet.x - bulletSize/2, bullet.y - bulletSize/2, bulletSize, bulletSize);
		}

function movePlayer(dx) {
			if (playerX + dx > 0 && playerX + dx < canvas.width - playerSize) {
				playerX += dx;
			}
		}

function moveEnemies() {
			for (var i = 0; i < enemies.length; i++) {
				enemies[i].y += enemySpeed;
				if (enemies[i].y > canvas.height) {
					enemies.splice(i--, 1);
				}
			}
		}

var playerBullets = [];

function shoot() {
			if (bulletCooldown) {
				bulletCooldown--;
			} else {
				playerBullets.push({x: playerX + playerSize/2, y: playerY - bulletSize/2});
				bulletCooldown = 10;
			}
		}

function spawnEnemies() {
			enemies.push({x: Math.random() * (canvas.width - enemySize) + enemySize/2, y: -enemySize/2});
		}

var score = 0;
		function updateScore() {
			ctx.fillStyle = "white";
			ctx.font = "20px Arial";
			ctx.fillText("Score: " + score, 10, 30);
		}

function gameOver() {
			clearInterval(gameLoop);
			ctx.fillStyle = "red";
			ctx.font = "60px Arial";
			ctx.fillText("GAME OVER", canvas.width/2 - 175, canvas.height/2);
		}

var gameLoop = setInterval(gameLoop, 20);
	</script>
</body>
</html>