Me dê um jogo 2d com setas e terá um nextbot me seguindo e terão 20 cubos aleatórios pequenos no jogo como se fosse paredes's game

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

No:42627

←

Prev Next

→

Me dê um jogo 2d com setas e terá um nextbot me se..ALL
Developer User18853｜Date and time 24/2/12 11:20:52
Build time 12.601 sec｜Game capacity 4.109KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo 2D com Nextbot</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definindo as dimensões do jogo
        const gameWidth = canvas.width;
        const gameHeight = canvas.height;

// Definindo a posição inicial do jogador
        let playerX = gameWidth / 2;
        let playerY = gameHeight / 2;
      
        // Definindo a posição inicial do nextbot
        let nextbotX = gameWidth / 4;
        let nextbotY = gameHeight / 4;

// Inicializando a lista de cubos
        const cubes = [];
        const cubeCount = 20;
        
        // Criando os cubos aleatórios
        for (let i = 0; i < cubeCount; i++) {
            const cube = {
                x: Math.random() * gameWidth,
                y: Math.random() * gameHeight,
                width: 20,
                height: 20
            };
            cubes.push(cube);
        }

// Função para desenhar os elementos do jogo
        function draw() {
            // Limpa o canvas
            context.clearRect(0, 0, gameWidth, gameHeight);

// Desenha o jogador como um círculo
            context.beginPath();
            context.arc(playerX, playerY, 10, 0, 2 * Math.PI, false);
            context.fillStyle = '#000';
            context.fill();
            context.closePath();

// Desenha o nextbot como um triângulo
            context.beginPath();
            context.moveTo(nextbotX - 10, nextbotY + 10);
            context.lineTo(nextbotX + 10, nextbotY + 10);
            context.lineTo(nextbotX, nextbotY - 10);
            context.closePath();
            context.fillStyle = '#FF0000';
            context.fill();

// Desenha os cubos como retângulos
            cubes.forEach(function(cube) {
                context.beginPath();
                context.rect(cube.x, cube.y, cube.width, cube.height);
                context.fillStyle = '#00FF00';
                context.fill();
                context.closePath();
            });
        }

// Função para atualizar a lógica do jogo
        function update() {
            // Movimentação do nextbot em direção ao jogador
            if (nextbotX < playerX) {
                nextbotX += 1;
            } else {
                nextbotX -= 1;
            }

if (nextbotY < playerY) {
                nextbotY += 1;
            } else {
                nextbotY -= 1;
            }

// Verifica colisões entre o jogador e os cubos
            cubes.forEach(function(cube) {
                if (playerX < cube.x + cube.width &&
                    playerX + 10 > cube.x &&
                    playerY < cube.y + cube.height &&
                    playerY + 10 > cube.y) {
                    // Colisão! Fim de jogo ou ação desejada
                    alert("Você perdeu!");
                    // Você pode adicionar o comportamento desejado aqui
                }
            });

// Redesenha o jogo
            draw();
        }

// Função para lidar com os eventos de teclado
        function handleKeyPress(event) {
            const key = event.key;
            if (key === "ArrowUp" && playerY > 0) {
                playerY -= 10;
            } else if (key === "ArrowDown" && playerY < gameHeight - 10) {
                playerY += 10;
            } else if (key === "ArrowLeft" && playerX > 0) {
                playerX -= 10;
            } else if (key === "ArrowRight" && playerX < gameWidth - 10) {
                playerX += 10;
            }
        }

// Inicia o jogo
        document.addEventListener("keydown", handleKeyPress);
        setInterval(update, 1000 / 60); // Atualiza o jogo a cada 60 frames por segundo
    </script>
</body>
</html>