Adiciona uma bola: botões: duplicar, adicionar bloco, voar, explosão e duplicar por 4, botão de configurações, botões em configurações: bola arco-íris sim/não, resetar e mecânica da bola: auto-móvel e clicar para mover's game

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

No:30490

143

←

Prev Next

→

Adiciona uma bola: botões: duplicar, adicionar blo..ALL
Developer User14802｜Date and time 23/12/22 5:31:03
Build time 31.607 sec｜Game capacity 6.408KB｜

Script

Aqui está um exemplo de um jogo simples que atende aos requisitos fornecidos:

Este é um exemplo básico de um jogo onde você pode adicionar bolas clicando em um botão "Adicionar Bola". As bolas são quadrados vermelhos por padrão e você pode clicar em cada bola para movê-las para uma nova posição aleatória na tela. Os outros botões permitem duplicar as bolas existentes, fazer as bolas voarem pela tela, explodir todas as bolas, duplicar as bolas quatro vezes, abrir as configurações do jogo onde você pode alternar a opção de bolas arco-íris e resetar o jogo. Tenha em mente que isso é apenas um exemplo básico e pode ser expandido e aprimorado de várias maneiras.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Aqui está um exemplo de um jogo simples que atende aos requisitos fornecidos:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo da Bola</title>
</head>
<body>
    <div id="gameContainer"></div>

function addBall() {
            var ball = document.createElement("img");
            ball.src = "ball.png";
            ball.style.position = "absolute";
            ball.style.top = Math.random() * (window.innerHeight - 50) + "px";
            ball.style.left = Math.random() * (window.innerWidth - 50) + "px";
            ball.style.width = "50px";
            ball.style.height = "50px";

ball.addEventListener("click", function() {
                ball.style.top = Math.random() * (window.innerHeight - 50) + "px";
                ball.style.left = Math.random() * (window.innerWidth - 50) + "px";
            });

gameContainer.appendChild(ball);
            balls.push(ball);
        }

function duplicateBalls() {
            for (var i = 0; i < balls.length; i++) {
                var ball = balls[i].cloneNode();
                ball.style.top = parseFloat(ball.style.top) + 10 + "px";
                ball.style.left = parseFloat(ball.style.left) + 10 + "px";

ball.addEventListener("click", function() {
                    ball.style.top = Math.random() * (window.innerHeight - 50) + "px";
                    ball.style.left = Math.random() * (window.innerWidth - 50) + "px";
                });

gameContainer.appendChild(ball);
                balls.push(ball);
            }
        }

function flyBalls() {
            for (var i = 0; i < balls.length; i++) {
                var ball = balls[i];
                var posY = parseFloat(ball.style.top);
                var posX = parseFloat(ball.style.left);

ball.style.top = posY - 10 + "px";
                ball.style.left = posX + 10 + "px";
            }
        }

function explodeBalls() {
            for (var i = 0; i < balls.length; i++) {
                gameContainer.removeChild(balls[i]);
            }

balls = [];
        }

function duplicate4Times() {
            for (var i = 0; i < 4; i++) {
                duplicateBalls();
            }
        }

function resetGame() {
            explodeBalls();
        }

function setupGame() {
            var addButton = document.createElement("button");
            addButton.innerText = "Adicionar Bola";
            addButton.addEventListener("click", addBall);
            gameContainer.appendChild(addButton);

var duplicateButton = document.createElement("button");
            duplicateButton.innerText = "Duplicar";
            duplicateButton.addEventListener("click", duplicateBalls);
            gameContainer.appendChild(duplicateButton);

var flyButton = document.createElement("button");
            flyButton.innerText = "Voar";
            flyButton.addEventListener("click", flyBalls);
            gameContainer.appendChild(flyButton);

var explodeButton = document.createElement("button");
            explodeButton.innerText = "Explosão";
            explodeButton.addEventListener("click", explodeBalls);
            gameContainer.appendChild(explodeButton);

var duplicate4Button = document.createElement("button");
            duplicate4Button.innerText = "Duplicar por 4";
            duplicate4Button.addEventListener("click", duplicate4Times);
            gameContainer.appendChild(duplicate4Button);

var settingsButton = document.createElement("button");
            settingsButton.innerText = "Configurações";
            settingsButton.addEventListener("click", function() {
                var options = document.createElement("div");
                options.style.position = "fixed";
                options.style.top = "20px";
                options.style.left = "20px";
                options.style.padding = "10px";
                options.style.background = "white";
                options.style.border = "1px solid black";

var rainbowLabel = document.createElement("label");
                rainbowLabel.innerText = "Bolas Arco-Íris: ";
                var rainbowCheckbox = document.createElement("input");
                rainbowCheckbox.type = "checkbox";
                rainbowCheckbox.addEventListener("change", toggleRainbowBalls);

var resetButton = document.createElement("button");
                resetButton.innerText = "Resetar";
                resetButton.addEventListener("click", resetGame);

options.appendChild(rainbowLabel);
                options.appendChild(rainbowCheckbox);
                options.appendChild(document.createElement("br"));
                options.appendChild(resetButton);

gameContainer.appendChild(options);
            });

gameContainer.appendChild(settingsButton);

gameContainer.style.height = window.innerHeight + "px";
            gameContainer.style.width = window.innerWidth + "px";
            gameContainer.style.background = "lightblue";
        }

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

Os outros botões permitem duplicar as bolas existentes, fazer as bolas voarem pela tela, explodir todas as bolas, duplicar as bolas quatro vezes, abrir as configurações do jogo onde você pode alternar a opção de bolas arco-íris e resetar o jogo.

Tenha em mente que isso é apenas um exemplo básico e pode ser expandido e aprimorado de várias maneiras.