AI game creator

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

No:35527

←

Prev Next

→

Cosmo Battle game
Developer User16561｜Date and time 24/1/14 18:52:57
Build time 17.731 sec｜Game capacity 4.352KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Cosmo Battle Game</title>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="600"></canvas>
	<script>
		// Pictograms for game entities
		const playerImage = new Image();
		playerImage.src = "path/to/playerImage.png";

const enemyImage = new Image();
		enemyImage.src = "path/to/enemyImage.png";

const laserImage = new Image();
		laserImage.src = "path/to/laserImage.png";

// Game variables
		let canvas;
		let context;
		let player;
		let enemies = [];
		let lasers = [];

// Player object
		function Player(x, y) {
			this.x = x;
			this.y = y;
			this.width = 50;
			this.height = 50;
			this.speed = 5;

this.draw = function() {
				context.drawImage(playerImage, this.x, this.y, this.width, this.height);
			}

this.move = function(direction) {
				if (direction === "up") {
					this.y -= this.speed;
				} else if (direction === "down") {
					this.y += this.speed;
				} else if (direction === "left") {
					this.x -= this.speed;
				} else if (direction === "right") {
					this.x += this.speed;
				}
			}

this.shoot = function() {
				const laser = new Laser(this.x + this.width, this.y + this.height/2);
				lasers.push(laser);
			}
		}

// Enemy object
		function Enemy(x, y) {
			this.x = x;
			this.y = y;
			this.width = 50;
			this.height = 50;
			this.speed = 3;

this.draw = function() {
				context.drawImage(enemyImage, this.x, this.y, this.width, this.height);
			}

this.move = function() {
				this.x -= this.speed;
			}
		}

// Laser object
		function Laser(x, y) {
			this.x = x;
			this.y = y;
			this.width = 20;
			this.height = 10;
			this.speed = 10;

this.draw = function() {
				context.drawImage(laserImage, this.x, this.y, this.width, this.height);
			}

this.move = function() {
				this.x += this.speed;
			}
		}

// Initialize the game
		function init() {
			canvas = document.getElementById("gameCanvas");
			context = canvas.getContext("2d");
			player = new Player(100, canvas.height/2);

// Create initial enemies
			for (let i = 1; i <= 5; i++) {
				let y = (i * 100) + 50;
				let enemy = new Enemy(canvas.width + 100, y);
				enemies.push(enemy);
			}

// Event listeners for player movement and shooting
			document.addEventListener("keydown", keyDownHandler);
			document.addEventListener("keyup", keyUpHandler);
			document.addEventListener("click", clickHandler);

// Start the game loop
			gameLoop();
		}

// Handle key down events
		function keyDownHandler(event) {
			if (event.key == "Up" || event.key == "ArrowUp") {
				player.move("up");
			} else if (event.key == "Down" || event.key == "ArrowDown") {
				player.move("down");
			} else if (event.key == "Left" || event.key == "ArrowLeft") {
				player.move("left");
			} else if (event.key == "Right" || event.key == "ArrowRight") {
				player.move("right");
			}
		}

// Handle key up events
		function keyUpHandler(event) {
			if (
				(event.key == "Up" || event.key == "ArrowUp") ||
				(event.key == "Down" || event.key == "ArrowDown") ||
				(event.key == "Left" || event.key == "ArrowLeft") ||
				(event.key == "Right" || event.key == "ArrowRight")
			) {
				player.move("");
			}
		}

// Handle click events
		function clickHandler(event) {
			player.shoot();
		}

// Game loop
		function gameLoop() {
			// Clear the canvas
			context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
			player.draw();

// Draw lasers
			lasers.forEach(function(laser) {
				laser.draw();
				laser.move();
			});

// Check for laser-enemy collisions
			lasers.forEach(function(laser, laserIndex) {
				enemies.forEach(function(enemy, enemyIndex) {
					if (
						laser.x < enemy.x + enemy.width &&
						laser.x + laser.width > enemy.x &&
						laser.y < enemy.y + enemy.height &&
						laser.y + laser.height > enemy.y
					) {
						// Collision detected, remove the laser and enemy
						lasers.splice(laserIndex, 1);
						enemies.splice(enemyIndex, 1);
					}
				});
			});

// Draw enemies
			enemies.forEach(function(enemy) {
				enemy.draw();
				enemy.move();
			});

// Game over condition
			if (enemies.length === 0) {
				alert("You won!");
				location.reload();
			}

// Request animation frame
			requestAnimationFrame(gameLoop);
		}

// Start the game
		init();
	</script>
</body>
</html>