A 2d game in which the player is a human and has to eliminate with some kind of weapon another group of people who will try to eliminate the player.'s game

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

No:8803

←

Prev Next

→

A 2d game in which the player is a human and has t..ALL
Developer User4242｜Date and time 23/7/18 9:52:42
Build time 29.178 sec｜Game capacity 3.816KB｜

Script

Aquí tienes un ejemplo de juego en HTML/JavaScript que cumple con tus requisitos:

Este juego se trata de un jugador (representado por un cuadro verde) que debe eliminar a un grupo de personas enemigas (representadas por cuadros rojos) que intentarán eliminar al jugador. El jugador puede moverse usando las flechas del teclado y al colisionar con un enemigo, este desaparecerá del juego.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Aquí tienes un ejemplo de juego en HTML/JavaScript que cumple con tus requisitos:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Eliminación Masiva</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Inicia el juego cuando se cargue la página
        window.onload = function() {
            // Obtén el canvas y su contexto
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Define las propiedades del jugador
            var player = {
                x: 200,
                y: 200,
                width: 50,
                height: 50,
                color: "#00FF00",
                weapon: "gun"
            };

// Define las propiedades del grupo de personas enemigas
            var enemies = [
                { x: 100, y: 100, width: 50, height: 50, color: "#FF0000", weapon: "knife" },
                { x: 300, y: 300, width: 50, height: 50, color: "#FF0000", weapon: "knife" },
                { x: 200, y: 300, width: 50, height: 50, color: "#FF0000", weapon: "knife" }
            ];

// Registra el evento de pulsación de tecla para mover al jugador
            document.addEventListener("keydown", function(event) {
                if (event.keyCode === 37) { // Flecha izquierda
                    player.x -= 10;
                } else if (event.keyCode === 39) { // Flecha derecha
                    player.x += 10;
                } else if (event.keyCode === 38) { // Flecha arriba
                    player.y -= 10;
                } else if (event.keyCode === 40) { // Flecha abajo
                    player.y += 10;
                }

// Verifica si el jugador ha eliminado a algún enemigo
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    if (checkCollision(player, enemy)) {
                        enemies.splice(i, 1); // Elimina al enemigo
                    }
                }

// Dibuja el juego actualizado
                drawGame();
            });

// Función para verificar colisiones entre dos objetos
            function checkCollision(obj1, obj2) {
                return obj1.x < obj2.x + obj2.width &&
                    obj1.x + obj1.width > obj2.x &&
                    obj1.y < obj2.y + obj2.height &&
                    obj1.y + obj1.height > obj2.y;
            }

// Función para dibujar el juego en el canvas
            function drawGame() {
                // Borra el canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Dibuja al jugador
                context.fillStyle = player.color;
                context.fillRect(player.x, player.y, player.width, player.height);

// Dibuja a los enemigos restantes
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    context.fillStyle = enemy.color;
                    context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
                }
            }

// Dibuja el juego por primera vez
            drawGame();
        };
    </script>
</body>
</html>
```