Recrea a space invaders y que el botón de arriba sea para disparar,y que los enemigos te disparen y agregar en el inicio un botón para poner multijugador que hace que tu amigo te ayude's game

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

No:40463

114

←

Prev Next

→

Recrea a space invaders y que el botón de arriba s..ALL
Developer User18058｜Date and time 24/2/3 1:06:30
Build time 14.599 sec｜Game capacity 4.1KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Space Invaders</title>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) { 
            var canvas = document.getElementById("game-canvas");
            var ctx = canvas.getContext("2d");

// Player
            var player = {
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 40,
                height: 30,
                speed: 5
            };

// Bullet
            var bullet = {
                x: 0,
                y: 0,
                width: 5,
                height: 20,
                speed: 5,
                visible: false
            };

// Enemy
            var enemy = {
                x: canvas.width / 2,
                y: 30,
                width: 40,
                height: 30,
                speed: 2,
                visible: true
            };

// Multiplayer flag
            var multiplayer = false;

function update() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
                ctx.fillStyle = "#0095DD";
                ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw the bullet
                if (bullet.visible) {
                    ctx.fillStyle = "#FF0000";
                    ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
                }

// Draw the enemy
                if (enemy.visible) {
                    ctx.fillStyle = "#00FF00";
                    ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
                }

// Move the bullet
                if (bullet.visible) {
                    bullet.y -= bullet.speed;

if (bullet.y < 0) {
                        bullet.visible = false;
                    }
                }

// Move the enemy
                enemy.x += enemy.speed;

if (enemy.x + enemy.width > canvas.width || enemy.x < 0) {
                    enemy.speed *= -1;
                }

// Check collision between bullet and enemy
                if (bullet.visible && collision(bullet, enemy)) {
                    enemy.visible = false;
                    bullet.visible = false;
                    alert("Game Over! You won!");
                }

// Check collision between player and enemy
                if (collision(player, enemy) || enemy.y + enemy.height >= player.y) {
                    alert("Game Over! You lost!");
                }

requestAnimationFrame(update);
            }

function handleKeyDown(event) {
                if (event.keyCode === 38 && !bullet.visible) { // Up Arrow key
                    bullet.x = player.x + player.width / 2 - bullet.width / 2;
                    bullet.y = player.y;
                    bullet.visible = true;
                }
            }

function handleMultiplayerButtonClick() {
                multiplayer = !multiplayer;
                var multiplayerButton = document.getElementById("multiplayer-btn");
                multiplayerButton.innerText = multiplayer ? "Juego individual" : "Juego multijugador";
            }

function collision(object1, object2) {
                return object1.x < object2.x + object2.width &&
                    object1.x + object1.width > object2.x &&
                    object1.y < object2.y + object2.height &&
                    object1.y + object1.height > object2.y;
            }

// Setup event listeners
            document.addEventListener("keydown", handleKeyDown);
            document.getElementById("multiplayer-btn").addEventListener("click", handleMultiplayerButtonClick);

// Start the game
            update();
        });
    </script>
</head>
<body>
    <canvas id="game-canvas" width="800" height="600"></canvas>
    <button id="multiplayer-btn">Juego multijugador</button>
</body>
</html>