A 1 person game that you shoot boxes and you have a gun to shoot and if get level 50 you win's game

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

No:31166

←

Prev Next

→

A 1 person game that you shoot boxes and you have ..ALL
Developer User15039｜Date and time 23/12/25 11:25:05
Build time 34.993 sec｜Game capacity 4.954KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Box Shooter Game</title>
</head>
<body>

// Definir dimensiones y posición inicial del jugador
        var playerWidth = 50;
        var playerHeight = 50;
        var playerX = canvas.width / 2 - playerWidth / 2;
        var playerY = canvas.height - playerHeight;

// Definir dimensiones y velocidad de las cajas
        var boxWidth = 30;
        var boxHeight = 30;
        var boxSpeed = 2;

// Definir puntaje y nivel inicial
        var score = 0;
        var level = 1;

// Booleano para verificar si el juego está en progreso
        var gameStarted = false;

function drawPlayer() {
            // Dibujar al jugador
            // Utilizar un pictograma para representar al jugador
            context.fillStyle = "blue";
            context.fillRect(playerX, playerY, playerWidth, playerHeight);
        }

function drawBoxes() {
            // Dibujar las cajas
            // Utilizar un pictograma para representar a las cajas
            context.fillStyle = "red";

for (var i = 0; i < boxes.length; i++) {
                context.fillRect(boxes[i].x, boxes[i].y, boxWidth, boxHeight);
            }
        }

function updateScore() {
            // Actualizar el puntaje y nivel en el juego
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Puntaje: " + score, 10, 30);
            context.fillText("Nivel: " + level, canvas.width - 85, 30);
        }

function checkCollision(box) {
            // Verificar si hay colisión entre el jugador y una caja
            if (playerX < box.x + boxWidth &&
                playerX + playerWidth > box.x &&
                playerY < box.y + boxHeight &&
                playerY + playerHeight > box.y) {
                return true;
            }

return false;
        }

function update() {
            // Actualizar la posición de las cajas y verificar colisiones
            for (var i = 0; i < boxes.length; i++) {
                boxes[i].y += boxSpeed;

if (checkCollision(boxes[i])) {
                    // Si hay colisión, reiniciar el juego
                    alert("Perdiste! Tu puntaje final fue: " + score);
                    document.location.reload();
                    clearInterval(interval); // Detener el bucle del juego
                    return;
                }

if (boxes[i].y > canvas.height) {
                    // Si una caja llega al final del canvas, aumentar el puntaje
                    score++;

if (score % 10 === 0) {
                        // Aumentar el nivel cada 10 cajas
                        level++;
                        boxSpeed += 0.5;
                    }

// Eliminar la caja del array
                    boxes.splice(i, 1);
                }
            }

// Reiniciar el lienzo
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar elementos actualizados en el lienzo
            drawPlayer();
            drawBoxes();
            updateScore();
        }

function startGame() {
            // Inicializar el juego
            gameStarted = true;

// Inicializar el array de cajas
            boxes = [];

// Agregar cajas al array inicial
            for (var i = 0; i < 3; i++) {
                boxes.push({
                    x: Math.random() * (canvas.width - boxWidth),
                    y: Math.random() * (-canvas.height)
                });
            }

// Iniciar el bucle del juego
            interval = setInterval(update, 10);
        }

function movePlayer(event) {
            // Mover al jugador dependiendo de la acción del usuario (toque en pantalla)
            if (gameStarted) {
                var touchX = event.touches[0].clientX;
                var canvasLeft = canvas.offsetLeft;

// Actualizar la posición del jugador
                playerX = touchX - canvasLeft - playerWidth / 2;

// Limitar el movimiento dentro del lienzo del juego
                if (playerX < 0) {
                    playerX = 0;
                }

if (playerX > canvas.width - playerWidth) {
                    playerX = canvas.width - playerWidth;
                }
            }
        }

// Escuchar el evento "touchmove" para mover al jugador
        canvas.addEventListener("touchmove", movePlayer, false);

// Iniciar el juego al tocar la pantalla
        canvas.addEventListener("touchstart", startGame, false);
    </script>

</body>
</html>