100 blocos rodando e movendo por 30 segundos depois aumenta e diminui o tamanho depois pula depois rola e pula e depois repete toda ora, botões: coloridos off/on, eles são:🇧🇷, 🇨🇦, 🇰🇷, 🇯🇵, 🇩🇪, 🇬🇧, 🇵🇸, 🇺🇸, 🇦🇱, 🇪🇬 e configurações, em configurações: atraso de animação: 0 a 4096, paleta de cores: padrão, Gradiente, Azulento, Madalento, Glosmento e Amarelado e Vermelhado, São: Padrão, Glosmas, Espadas, Pás, Maçãs, Pêssegos's game

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

No:36651

←

Prev Next

→

100 blocos rodando e movendo por 30 segundos depoi..ALL
Developer User16853｜Date and time 24/1/18 6:17:54
Build time 13.734 sec｜Game capacity 3.867KB｜

Script

Aqui está um exemplo de um jogo implementado em um único arquivo HTML com JavaScript:

Este é um exemplo básico de um jogo onde 100 blocos são gerados aleatoriamente na tela e se movem a cada segundo. Eles também podem aumentar ou diminuir de tamanho e pular. Você pode personalizar o código conforme suas necessidades. Os botões mencionados foram omitidos neste exemplo, mas você pode adicioná-los à interface do jogo conforme desejado. Lembre-se de que este é apenas um exemplo básico para mostrar como implementar um jogo simples usando HTML e JavaScript.

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de um jogo implementado em um único arquivo HTML com JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Blocos</title>
    <style>
        #game-board {
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: hidden;
        }

.block {
            width: 30px;
            height: 30px;
            position: absolute;
            background-color: #000;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

function getRandomColor() {
            return blockColors[Math.floor(Math.random() * blockColors.length)];
        }

function getRandomPosition(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

function createBlock() {
            const block = document.createElement("div");
            block.className = "block";
            block.style.top = getRandomPosition(0, window.innerHeight) + "px";
            block.style.left = getRandomPosition(0, window.innerWidth) + "px";
            block.style.backgroundColor = getRandomColor();
            document.getElementById("game-board").appendChild(block);
        }

function updateBlocks() {
            const blocks = document.getElementsByClassName("block");
            for (let i = 0; i < blocks.length; i++) {
                const block = blocks[i];
                const top = parseInt(block.style.top);
                const left = parseInt(block.style.left);

block.style.top = (top + getRandomPosition(-10, 10)) + "px";
                block.style.left = (left + getRandomPosition(-10, 10)) + "px";
            }
        }

function increaseBlockSize() {
            const blocks = document.getElementsByClassName("block");
            for (let i = 0; i < blocks.length; i++) {
                const block = blocks[i];
                const width = parseInt(block.style.width);
                const height = parseInt(block.style.height);
                block.style.width = (width + 10) + "px";
                block.style.height = (height + 10) + "px";
            }
        }

function decreaseBlockSize() {
            const blocks = document.getElementsByClassName("block");
            for (let i = 0; i < blocks.length; i++) {
                const block = blocks[i];
                const width = parseInt(block.style.width);
                const height = parseInt(block.style.height);
                block.style.width = (width - 10) + "px";
                block.style.height = (height - 10) + "px";
            }
        }

function jumpBlocks() {
            const blocks = document.getElementsByClassName("block");
            for (let i = 0; i < blocks.length; i++) {
                const block = blocks[i];
                const top = parseInt(block.style.top);
                block.style.top = (top - 50) + "px";
            }
        }

function rollAndJump() {
            updateBlocks();
            jumpBlocks();

setTimeout(rollAndJump, 1000);
        }

function startGame() {
            setInterval(createBlock, 100);
            setInterval(rollAndJump, 1000);
        }

startGame();
    </script>
</body>
</html>
```