CRIA PARA MIM UM JOGO 2D SIMPLES QUE SÓ TEM UM CHÃO AZUL COM COLISÃO E NÃO CAI E COM UM CUBO AZUL QUE DÁ PARA CONTROLAR ELE ARRASTANDO O DEDO NELE E O CÉU SER BRANCO's game

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

No:14525

←

Prev Next

→

CRIA PARA MIM UM JOGO 2D SIMPLES QUE SÓ TEM UM CHÃ..ALL
Developer User6277｜Date and time 23/9/2 23:57:04
Build time 32.291 sec｜Game capacity 3.523KB｜

Script

Aqui está um exemplo de um jogo 2D simples em HTML, com um chão azul, um cubo azul controlado ao arrastar o dedo e um céu branco:

Este código cria um jogo 2D simples onde você controla um cubo azul arrastando o dedo sobre a tela. O cubo só se move horizontalmente e não cai do chão azul. O céu é branco.

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de um jogo 2D simples em HTML, com um chão azul, um cubo azul controlado ao arrastar o dedo e um céu branco:

```
<!DOCTYPE html>
<html>
<head>
    <title>Jogo 2D</title>
    <style>
        canvas {
            background-color: #FFFFFF; /* Céu Branco */
            display: block;
        }
    </style>
</head>
<body>
    <script>
        // Criando o elemento do jogo
        var canvas = document.createElement("canvas");
        var ctx = canvas.getContext("2d");
        document.body.appendChild(canvas);
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Definindo as propriedades do chão
        var ground = {
            x: 0,
            y: canvas.height - 50, // Posição vertical do chão
            width: canvas.width,
            height: 50, // Altura do chão
            color: "#0000FF" // Azul
        };

// Definindo as propriedades do cubo
        var cube = {
            x: canvas.width / 2, // Posição horizontal inicial do cubo
            y: ground.y - 100, // Posição vertical inicial do cubo (acima do chão)
            width: 50, // Largura do cubo
            height: 50, // Altura do cubo
            color: "#0000FF", // Azul
            dx: 0 // Velocidade horizontal do cubo
        };

// Função para desenhar os elementos do jogo
        function draw() {
            // Desenhar o chão
            ctx.fillStyle = ground.color;
            ctx.fillRect(ground.x, ground.y, ground.width, ground.height);

// Desenhar o cubo
            ctx.fillStyle = cube.color;
            ctx.fillRect(cube.x, cube.y, cube.width, cube.height);
        }

// Função para atualizar a lógica do jogo
        function update() {
            // Verificar se o cubo está dentro dos limites do chão
            if (cube.y + cube.height >= ground.y) {
                // Manter o cubo no chão
                cube.y = ground.y - cube.height;
            }

// Verificar se o cubo está fora da tela
            if (cube.x + cube.width > canvas.width) {
                // Manter o cubo dentro da tela
                cube.x = canvas.width - cube.width;
            } else if (cube.x < 0) {
                cube.x = 0;
            }

// Atualizar a posição horizontal do cubo com base na velocidade
            cube.x += cube.dx;

// Limpar o canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar os elementos do jogo
            draw();

// Chamar a função update novamente (atualização contínua do jogo)
            requestAnimationFrame(update);
        }

// Detectar eventos de toque no cubo
        canvas.addEventListener("touchstart", function(event) {
            var touch = event.touches[0];
            var touchX = touch.clientX;

// Verificar se o toque ocorreu dentro do cubo
            if (touchX >= cube.x && touchX <= cube.x + cube.width) {
                cube.dx = 5; // Definir velocidade para a direita
            }
        });

canvas.addEventListener("touchend", function(event) {
            cube.dx = 0; // Parar de mover o cubo
        });

// Iniciar o jogo chamando a função update
        update();
    </script>
</body>
</html>
```

Este código cria um jogo 2D simples onde você controla um cubo azul arrastando o dedo sobre a tela. O cubo só se move horizontalmente e não cai do chão azul. O céu é branco.