Мячик отталкиваются от стен's game

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

No:33473

←

Prev Next

→

Мячик отталкиваются от стен
Developer User15784｜Date and time 24/1/4 11:31:46
Build time 11.893 sec｜Game capacity 1.307KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <script>
      function startGame() {
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        
        var ball = {
          x: canvas.width / 2,
          y: canvas.height / 2,
          radius: 20,
          dx: 2,
          dy: -2
        };
        
        function drawBall() {
          context.beginPath();
          context.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
          context.fillStyle = "#0095DD";
          context.fill();
          context.closePath();
        }
        
        function draw() {
          context.clearRect(0, 0, canvas.width, canvas.height);
          drawBall();
          
          if (ball.x + ball.dx > canvas.width - ball.radius || ball.x + ball.dx < ball.radius) {
            ball.dx = -ball.dx;
          }
          
          if (ball.y + ball.dy > canvas.height - ball.radius || ball.y + ball.dy < ball.radius) {
            ball.dy = -ball.dy;
          }
          
          ball.x += ball.dx;
          ball.y += ball.dy;
        }
        
        setInterval(draw, 10);
      }
    </script>
  </head>
  <body onload="startGame()">
    <canvas id="gameCanvas" width="480" height="320" style="border:1px solid #000000;"></canvas>
  </body>
</html>