Crie uma bola que quando eu clique e segure a tela crie como se fosse uma mat de deformação do espaço-tempo a bola irá reagir a isso's game

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

No:52885

390

←

Prev Next

→

Crie uma bola que quando eu clique e segure a tela..ALL
Developer User19080｜Date and time 24/3/26 8:42:09
Build time 7.67 sec｜Game capacity 1.468KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

let ball = { x: canvas.width / 2, y: canvas.height / 2, radius: 20, color: "red" };
      let isMouseDown = false;

canvas.addEventListener("mousedown", handleMouseDown);
      canvas.addEventListener("mouseup", handleMouseUp);
      canvas.addEventListener("touchstart", handleMouseDown);
      canvas.addEventListener("touchend", handleMouseUp);

function handleMouseDown() {
        isMouseDown = true;
      }

function handleMouseUp() {
        isMouseDown = false;
      }

function drawBall() {
        ctx.beginPath();
        ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
        ctx.fillStyle = ball.color;
        ctx.fill();
        ctx.closePath();
      }

function update() {
        if (isMouseDown) {
          ball.radius++;
        } else {
          ball.radius--;
        }

if (ball.radius < 20) {
          ball.radius = 20;
        } else if (ball.radius > 100) {
          ball.radius = 100;
        }

ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawBall();
      }

function gameLoop() {
        update();
        requestAnimationFrame(gameLoop);
      }

gameLoop();
    </script>
  </body>
</html>