Coloque uma bola vermelha e verde, significados, vermelho = falso e verde = verdadeiro, botões: trocar de lugar, resetar, acelerar e adicionar mais, e as bolas ficam se movendo pro lado pro outro's game

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

No:29156

←

Prev Next

→

Coloque uma bola vermelha e verde, significados, v..ALL
Developer User14419｜Date and time 23/12/16 9:20:26
Build time 26.14 sec｜Game capacity 3.348KB｜

Script

Aqui está um exemplo de implementação de um jogo simples usando JavaScript e pictogramas para uma operação em um smartphone:

Este código cria uma tela de jogo com duas bolas, uma vermelha e uma verde, que se movem de um lado para o outro. Os botões permitem trocar as bolas de lugar, resetar o jogo, acelerar o movimento das bolas e adicionar mais bolas aleatórias à tela. Espero que isto atenda às suas necessidades!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Aqui está um exemplo de implementação de um jogo simples usando JavaScript e pictogramas para uma operação em um smartphone:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            position: relative;
            height: 200px;
            width: 100%;
            background-color: #ddd;
            overflow: hidden;
        }
        
        .ball {
            position: absolute;
            height: 50px;
            width: 50px;
            border-radius: 50%;
        }
        
        #red-ball {
            background-color: red;
        }
        
        #green-ball {
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="red-ball" class="ball"></div>
        <div id="green-ball" class="ball"></div>
    </div>
    
    <div>
        <button onclick="swapBalls()">Trocar de Lugar</button>
        <button onclick="resetGame()">Resetar</button>
        <button onclick="accelerateGame()">Acelerar</button>
        <button onclick="addBall()">Adicionar mais</button>
    </div>
    
    <script>
        var gameArea = document.getElementById("game");
        var redBall = document.getElementById("red-ball");
        var greenBall = document.getElementById("green-ball");
        var interval;

function moveBalls() {
            var redBallPos = 0;
            var greenBallPos = 0;
            var direction = 1;
            var speed = 2;

interval = setInterval(frame, speed);

function frame() {
                redBallPos += speed * direction;
                greenBallPos -= speed * direction;

if (redBallPos >= gameArea.offsetWidth - redBall.offsetWidth || redBallPos <= 0)
                    direction *= -1;

redBall.style.left = redBallPos + "px";
                greenBall.style.right = greenBallPos + "px";
            }
        }

function swapBalls() {
            var left = redBall.style.left;
            redBall.style.left = greenBall.style.right;
            greenBall.style.right = left;
        }

function resetGame() {
            clearInterval(interval);
            redBall.style.left = "0px";
            greenBall.style.right = "0px";
        }

function accelerateGame() {
            clearInterval(interval);
            moveBalls();
        }

function addBall() {
            var newBall = document.createElement("div");
            newBall.classList.add("ball");
            newBall.style.backgroundColor = getRandomColor();
            gameArea.appendChild(newBall);
        }

function getRandomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

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

Espero que isto atenda às suas necessidades!