Adiciona uma bola, botões: direita, esquerda, diagonal, cima, baixo, ronda de bolas, ronda de bolas vão jogar bolas coloridas, botões da ronda de bolas: pedir ajuda, mover, mais rápido sim/não e sair, mensagem de botão de sair: é sério q vc vai sair, botões: sim e não's game

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

No:29797

←

Prev Next

→

Adiciona uma bola, botões: direita, esquerda, diag..ALL
Developer User14630｜Date and time 23/12/19 3:11:08
Build time 19.47 sec｜Game capacity 2.795KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo da Bola</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const ballRadius = 10;
    let x = canvas.width / 2;
    let y = canvas.height - 30;
    let dx = 2;
    let dy = -2;

function drawBall() {
      ctx.beginPath();
      ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawBall();

x += dx;
      y += dy;

if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
        dx = -dx;
      }
      if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
        dy = -dy;
      }
    }

setInterval(draw, 10);
  </script>
  <div>
    <button onclick="moveLeft()">Esquerda</button>
    <button onclick="moveRight()">Direita</button>
    <button onclick="moveUp()">Cima</button>
    <button onclick="moveDown()">Baixo</button>
    <button onclick="startRound()">Ronda de Bolas</button>
    <button onclick="confirmExit()">Sair</button>
  </div>
  <script>
    function moveLeft() {
      x -= 10;
    }

function moveRight() {
      x += 10;
    }

function moveUp() {
      y -= 10;
    }

function moveDown() {
      y += 10;
    }

function startRound() {
      let roundTimer = setInterval(drawRandomBall, 1000);
      let helpButton = document.createElement("button");
      helpButton.innerHTML = "Pedir Ajuda";
      document.body.appendChild(helpButton);

helpButton.onclick = function () {
        clearInterval(roundTimer);
      };

setTimeout(function () {
        clearInterval(roundTimer);
        document.body.removeChild(helpButton);
      }, 10000);
    }
    
    function drawRandomBall() {
      let randomX = Math.floor(Math.random() * canvas.width);
      let randomY = Math.floor(Math.random() * canvas.height);
      let randomColor = getRandomColor();

ctx.beginPath();
      ctx.arc(randomX, randomY, ballRadius, 0, Math.PI * 2);
      ctx.fillStyle = randomColor;
      ctx.fill();
      ctx.closePath();
    }

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

function confirmExit() {
      let confirmMessage = "É sério que você vai sair?";
      if (confirm(confirmMessage)) {
        window.close();
      }
    }
  </script>
</body>
</html>