You need to collect guns to make your robot big and once It gets big you can fight other robots's game

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

No:10948

150

←

Prev Next

→

You need to collect guns to make your robot big an..ALL
Developer User4715｜Date and time 23/8/5 23:45:53
Build time 34.858 sec｜Game capacity 3.508KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Robot Battle</title>
</head>
<body>
	<canvas id="gameCanvas" width="600" height="400"></canvas>

// Game variables
		let canvas, context;
		const WIDTH = 600;
		const HEIGHT = 400;
		let player, robots;
		let gunImage, robotImage;
		let score = 0;

// Player object
		function Player() {
			this.x = WIDTH / 2;
			this.y = HEIGHT / 2;
			this.width = 60;
			this.height = 60;
			this.gunCount = 0;

this.update = function() {
				// Draw the player
				context.drawImage(gunImage, this.x, this.y, this.width, this.height);

// Update the player's size based on collected guns
				const newSize = 60 + this.gunCount * 5;
				this.width = newSize;
				this.height = newSize;
			};
		}

// Robot object
		function Robot(x, y) {
			this.x = x;
			this.y = y;
			this.width = 60;
			this.height = 60;

this.update = function() {
				// Draw the robot
				context.drawImage(robotImage, this.x, this.y, this.width, this.height);
			};
		}

// Function to handle collision between the player and robots
		function checkCollision(player, robot) {
			if (
				player.x < robot.x + robot.width &&
				player.x + player.width > robot.x &&
				player.y < robot.y + robot.height &&
				player.y + player.height > robot.y
			) {
				// Collision occurred
				if (player.gunCount >= 5) {
					// Player wins, game over
					alert("Congratulations! You defeated all the robots and won the game!");
					document.location.reload();
				} else {
					// Player collects one gun
					player.gunCount++;
					score += 10;
					updateScore();
					respawnRobot(robot);
				}
			}
		}

// Function to respawn a robot at a random location
		function respawnRobot(robot) {
			robot.x = Math.random() * (WIDTH - robot.width);
			robot.y = Math.random() * (HEIGHT - robot.height);
		}

// Function to update the score display
		function updateScore() {
			const scoreElement = document.getElementById("score");
			scoreElement.innerHTML = `Score: ${score}`;
		}

// Function to start the game
		function startGame() {
			// Get the canvas and context
			canvas = document.getElementById("gameCanvas");
			context = canvas.getContext("2d");
			updateScore();

// Load images
			gunImage = loadImage("gun.png");
			robotImage = loadImage("robot.png");

// Create the player
			player = new Player();

// Create the robots
			robots = [];
			for (let i = 0; i < 5; i++) {
				const x = Math.random() * (WIDTH - 60);
				const y = Math.random() * (HEIGHT - 60);
				robots.push(new Robot(x, y));
			}

// Event listener for player movement
			canvas.addEventListener("mousemove", function(event) {
				const rect = canvas.getBoundingClientRect();
				player.x = event.clientX - rect.left - player.width / 2;
				player.y = event.clientY - rect.top - player.height / 2;
			});

// Main game loop
			function gameLoop() {
				// Clear the canvas
				context.clearRect(0, 0, WIDTH, HEIGHT);

// Update and draw the player
				player.update();

// Update and draw the robots
				robots.forEach(function(robot) {
					robot.update();
					checkCollision(player, robot);
				});

// Recursive call for game loop
				requestAnimationFrame(gameLoop);
			}

// Start the game loop
			gameLoop();
		}

// Start the game when the page is loaded
		window.addEventListener("load", startGame);
	</script>
</body>
</html>