un corazón que come frutas y cuando come flecha se muere de amor tipo mario's game

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

No:38335

←

Prev Next

→

un corazón que come frutas y cuando come flecha se..ALL
Developer User17361｜Date and time 24/1/24 9:57:50
Build time 15.275 sec｜Game capacity 4.178KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Corazón Come Frutas</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Pictogram for the heart (corazón)
        var heartImage = new Image();
        heartImage.src = "heart.png";

// Pictogram for the fruit (frutas)
        var fruitImage = new Image();
        fruitImage.src = "fruit.png";

// Pictogram for the arrow (flecha)
        var arrowImage = new Image();
        arrowImage.src = "arrow.png";

var heartX = canvas.width / 2;
        var heartY = canvas.height - 30;
        var isHeartDead = false;

// Keyboard input handling for smartphone
        var leftPressed = false;
        var rightPressed = false;

var fruits = [
            { x: 50, y: 50, isEaten: false },
            { x: 150, y: 100, isEaten: false },
            { x: 250, y: 150, isEaten: false },
            { x: 350, y: 200, isEaten: false }
        ];

var arrows = [
            { x: 75, y: 0, isEaten: false },
            { x: 225, y: 0, isEaten: false },
            { x: 375, y: 0, isEaten: false }
        ];

// Key down event handler for smartphone left arrow button
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
            if (e.key === "ArrowLeft") {
                leftPressed = true;
            }
            else if (e.key === "ArrowRight") {
                rightPressed = true;
            }
        }

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

function drawHeart() {
            context.drawImage(heartImage, heartX, heartY, 30, 30);
        }

function drawFruits() {
            fruits.forEach(function (fruit) {
                if (!fruit.isEaten) {
                    context.drawImage(fruitImage, fruit.x, fruit.y, 30, 30);
                }
            });
        }

function drawArrows() {
            arrows.forEach(function (arrow) {
                if (!arrow.isEaten) {
                    context.drawImage(arrowImage, arrow.x, arrow.y, 30, 30);
                }
            });
        }

function checkCollision() {
            fruits.forEach(function (fruit) {
                if (!fruit.isEaten) {
                    if (heartX < fruit.x + 30 &&
                        heartX + 30 > fruit.x &&
                        heartY < fruit.y + 30 &&
                        heartY + 30 > fruit.y) {
                        fruit.isEaten = true;
                    }
                }
            });

arrows.forEach(function (arrow) {
                if (!arrow.isEaten) {
                    if (heartX < arrow.x + 30 &&
                        heartX + 30 > arrow.x &&
                        heartY < arrow.y + 30 &&
                        heartY + 30 > arrow.y) {
                        isHeartDead = true;
                    }
                }
            });
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

if (!isHeartDead) {
                drawHeart();
                drawFruits();
                drawArrows();

checkCollision();

if (leftPressed && heartX > 0) {
                    heartX -= 5;
                }
                else if (rightPressed && heartX < canvas.width - 30) {
                    heartX += 5;
                }

requestAnimationFrame(draw);
            }
            else {
                context.font = "32px Arial";
                context.fillText("Game Over!", canvas.width / 2 - 80, canvas.height / 2);
            }
        }

draw();
    </script>
</body>
</html>