C'è questa pallina che gira e tu la puoi controllare con le frecce quattrocento chilometri orari tu se hai questo quadrato la cui la pallina non la devi fare uscire stiamo facendo da girare sempre più secondi lo fai più battere quello degli altri ci sono cinque recite uno da cento uno a duecento uno da trecento uno a quattrocento e un novecento's game

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

No:44456

187

←

Prev Next

→

C'è questa pallina che gira e tu la puoi controlla..ALL
Developer User16406｜Date and time 24/2/18 4:50:22
Build time 5.681 sec｜Game capacity 1.786KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Pallina Gira Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600" style="border:1px solid black;"></canvas>

let x = canvas.width / 2;
      let y = canvas.height / 2;
      let dx = 4;
      let dy = -4;

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

function drawPaddle() {
        ctx.beginPath();
        ctx.rect(canvas.width/2 - 50, canvas.height - 20, 100, 10);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }

function keyDownHandler(e) {
        if(e.key == "ArrowRight" && paddleX < canvas.width - 100) {
          paddleX += 7;
        }
        else if(e.key == "ArrowLeft" && paddleX > 0) {
          paddleX -= 7;
        }
      }

document.addEventListener("keydown", keyDownHandler, false);

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

x += dx;
        y += dy;

if(x + dx > canvas.width - 10 || x + dx < 10) {
          dx = -dx;
        }
        if(y + dy < 10) {
          dy = -dy;
        }
        else if(y + dy > canvas.height - 10) {
          if(x > paddleX && x < paddleX + 100) {
            dy = -dy;
          }
          else {
            alert("Game Over!");
            document.location.reload();
          }
        }

requestAnimationFrame(gameLoop);
      }

let paddleX = canvas.width/2 - 50;

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