AI game creator

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

No:6660

←

Prev Next

→

Shooting Game
Developer User3912｜Date and time 23/7/3 2:30:02
Build time 37.39 sec｜Game capacity 3.779KB｜

Script

¡Claro! A continuación te proporcionaré un ejemplo de un juego de disparos (shooting game) implementado en un solo archivo HTML que incluye JavaScript. Ten en cuenta que no será posible utilizar pictogramas en este caso, pero podrás disfrutar de un juego funcional. Aquí está el código:

Puedes copiar y pegar el código anterior en un archivo `.html` y abrirlo en tu navegador para comenzar a jugar. El juego consiste en mover la paleta utilizando las teclas de flecha derecha e izquierda para rebotear una pelota y evitar que caiga al fondo. ¡Diviértete!

←

Prev　Next

→ 　

Back　

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

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

Aquí está el código:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definir variables del juego
        var x = canvas.width / 2;
        var y = canvas.height - 30;
        var dx = 2;
        var dy = -2;
        var ballRadius = 10;
        var paddleHeight = 10;
        var paddleWidth = 75;
        var paddleX = (canvas.width - paddleWidth) / 2;
        var rightPressed = false;
        var leftPressed = false;

// Dibuja la pelota
        function drawBall() {
            ctx.beginPath();
            ctx.arc(x, y, ballRadius, 0, Math.PI * 2, false);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// Dibuja la paleta del jugador
        function drawPaddle() {
            ctx.beginPath();
            ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// Movimiento de la paleta
        function keyDownHandler(e) {
            if (e.key == "Right" || e.key == "ArrowRight") {
                rightPressed = true;
            } else if (e.key == "Left" || e.key == "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.key == "Right" || e.key == "ArrowRight") {
                rightPressed = false;
            } else if (e.key == "Left" || e.key == "ArrowLeft") {
                leftPressed = false;
            }
        }

document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Dibuja todos los elementos en el lienzo
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();
            drawPaddle();

// Mueve la pelota
            x += dx;
            y += dy;

// Rebote en los bordes de la pantalla
            if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
                dx = -dx;
            }
            if (y + dy < ballRadius) {
                dy = -dy;
            } else if (y + dy > canvas.height - ballRadius) {
                // Rebote en la paleta del jugador
                if (x > paddleX && x < paddleX + paddleWidth) {
                    dy = -dy;
                } else {
                    // Game over si la pelota toca el fondo
                    alert("GAME OVER");
                    document.location.reload();
                }
            }

// Movimiento de la paleta del jugador
            if (rightPressed && paddleX < canvas.width - paddleWidth) {
                paddleX += 7;
            } else if (leftPressed && paddleX > 0) {
                paddleX -= 7;
            }

requestAnimationFrame(draw);
        }

// Inicia el juego
        draw();
    </script>
</body>
</html>
```