Haz un juegl de un pescado comiendo patatas y haz que hacerle esquivar quesos's game

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

No:49109

←

Prev Next

→

Haz un juegl de un pescado comiendo patatas y haz ..ALL
Developer User20939｜Date and time 24/3/3 21:11:49
Build time 11.003 sec｜Game capacity 3.706KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pescado Come Patatas</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let fish = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            size: 50,
            speed: 5
        };

let potatoes = [];
        let cheese = [];
        let score = 0;

function drawFish() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(fish.x, fish.y, fish.size, fish.size);
        }

function drawPotato(potato) {
            ctx.fillStyle = 'brown';
            ctx.fillRect(potato.x, potato.y, potato.size, potato.size);
        }

function drawCheese(cheese) {
            ctx.fillStyle = 'yellow';
            ctx.fillRect(cheese.x, cheese.y, cheese.size, cheese.size);
        }

function moveFish(direction) {
            if (direction === 'left' && fish.x > 0) {
                fish.x -= fish.speed;
            } else if (direction === 'right' && fish.x < canvas.width - fish.size) {
                fish.x += fish.speed;
            }
        }

function generatePotato() {
            const potatoSize = 20;
            const potatoX = Math.random() * (canvas.width - potatoSize);
            const potatoY = 0;

potatoes.push({ x: potatoX, y: potatoY, size: potatoSize });
        }

function generateCheese() {
            const cheeseSize = 20;
            const cheeseX = Math.random() * (canvas.width - cheeseSize);
            const cheeseY = 0;

cheese.push({ x: cheeseX, y: cheeseY, size: cheeseSize });
        }

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

drawFish();

potatoes.forEach((potato, index) => {
                drawPotato(potato);
                potato.y += 2;

if (potato.y > canvas.height) {
                    potatoes.splice(index, 1);
                }

if (potato.x < fish.x + fish.size && potato.x + potato.size > fish.x &&
                    potato.y < fish.y + fish.size && potato.y + potato.size > fish.y) {
                    score += 10;
                    potatoes.splice(index, 1);
                }
            });

cheese.forEach((cheese, index) => {
                drawCheese(cheese);
                cheese.y += 2;

if (cheese.y > canvas.height) {
                    cheese.splice(index, 1);
                }

if (cheese.x < fish.x + fish.size && cheese.x + cheese.size > fish.x &&
                    cheese.y < fish.y + fish.size && cheese.y + cheese.size > fish.y) {
                    score -= 10;
                    cheese.splice(index, 1);
                }
            });

ctx.fillStyle = 'black';
            ctx.font = '24px Arial';
            ctx.fillText(`Puntuación: ${score}`, 10, 30);
        }

setInterval(draw, 1000 / 60);

setInterval(generatePotato, 2000);
        setInterval(generateCheese, 3000);
    </script>
</body>
</html>