AI game creator

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

No:9845

←

Prev Next

→

Coffee arcade game
Developer User4435｜Date and time 23/7/28 4:37:01
Build time 24.223 sec｜Game capacity 3.628KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Coffee Juego Arcade</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Obtiene el canvas y el contexto en 2D
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Se define el objeto del jugador
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

// Se define el objeto del café
        var coffee = {
            x: 0,
            y: 0,
            width: 50,
            height: 50,
            speed: 2
        };

// Variable para almacenar el estado de la tecla pulsada
        var leftPressed = false;
        var rightPressed = false;

// Función para dibujar el jugador
        function drawPlayer() {
            ctx.fillStyle = "#0095DD";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Función para dibujar el café
        function drawCoffee() {
            ctx.fillStyle = "#FFA500";
            ctx.fillRect(coffee.x, coffee.y, coffee.width, coffee.height);
        }

// Función para detectar colisiones
        function detectCollisions() {
            if (player.x < coffee.x + coffee.width &&
                player.x + player.width > coffee.x &&
                player.y < coffee.y + coffee.height &&
                player.y + player.height > coffee.y) {
                return true;
            }
            return false;
        }

// Función para manejar el movimiento del jugador
        function movePlayer() {
            if (leftPressed && player.x > 0) {
                player.x -= player.speed;
            } 
            if (rightPressed && player.x + player.width < canvas.width) {
                player.x += player.speed;
            }
        }

// Función de actualización
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!detectCollisions()) {
                movePlayer();
                drawPlayer();

coffee.y += coffee.speed;
                if (coffee.y > canvas.height) {
                    coffee.x = Math.random() * (canvas.width - coffee.width);
                    coffee.y = 0;
                }
                drawCoffee();
            } else {
                alert("¡Has atrapado el café!");
                clearInterval(gameLoop);
            }
        }

// Funciones para manejar los eventos de teclado
        function keyDownHandler(e) {
            if (e.key === "ArrowLeft" || e.key === "Left") {
                leftPressed = true;
            } else if (e.key === "ArrowRight" || e.key === "Right") {
                rightPressed = true;
            }
        }

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

// Manejadores de eventos de teclado
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Bucle principal del juego
        var gameLoop = setInterval(update, 10);
    </script>
</body>
</html>