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

No:9841

←

Prev Next

→

Funeral pictogram game
Developer User4435｜Date and time 23/7/28 4:32:39
Build time 24.076 sec｜Game capacity 3.455KB｜

Script

Funeral - Juego de Pictogramas

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Funeral - Juego de Pictogramas</title>
</head>
<body style="text-align: center;">
    <h1>Funeral - Juego de Pictogramas</h1>

// Load game assets (e.g., pictograms)
        const pictogram1 = new Image();
        pictogram1.src = "pictogram1.png";

const pictogram2 = new Image();
        pictogram2.src = "pictogram2.png";

const pictogram3 = new Image();
        pictogram3.src = "pictogram3.png";

const pictogram4 = new Image();
        pictogram4.src = "pictogram4.png";

// Player variables
        let playerX = 160;
        let playerY = 540;

// List of obstacles (in this case, funeral-related objects)
        const obstacles = [
            { x: 80, y: 100, pictogram: pictogram1 },
            { x: 200, y: 250, pictogram: pictogram2 },
            { x: 40, y: 400, pictogram: pictogram3 },
            { x: 280, y: 550, pictogram: pictogram4 }
        ];

// Event listeners for player movement
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

let leftKeyPressed = false;
        let rightKeyPressed = false;

function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                leftKeyPressed = true;
            }
            else if (event.key === "ArrowRight") {
                rightKeyPressed = true;
            }
        }

function handleKeyUp(event) {
            if (event.key === "ArrowLeft") {
                leftKeyPressed = false;
            }
            else if (event.key === "ArrowRight") {
                rightKeyPressed = false;
            }
        }

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw obstacles
            for (let i = 0; i < obstacles.length; i++) {
                const obstacle = obstacles[i];
                context.drawImage(obstacle.pictogram, obstacle.x, obstacle.y, 40, 40);
            }

// Draw player
            const playerWidth = 40;
            const playerHeight = 40;
            context.fillStyle = "red";
            context.fillRect(playerX, playerY, playerWidth, playerHeight);

// Update player position
            if (leftKeyPressed && playerX > 0) {
                playerX -= 5;
            }
            if (rightKeyPressed && playerX < canvas.width - playerWidth) {
                playerX += 5;
            }

// Check for collision with obstacles
            for (let i = 0; i < obstacles.length; i++) {
                const obstacle = obstacles[i];
                if (
                    playerX < obstacle.x + 40 &&
                    playerX + playerWidth > obstacle.x &&
                    playerY < obstacle.y + 40 &&
                    playerY + playerHeight > obstacle.y
                ) {
                    alert("Has chocado con un obstáculo. ¡Perdiste!");
                    window.location.reload(); // Restart the game
                    return;
                }
            }

requestAnimationFrame(gameLoop);
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>