Er gaat een balletje van links naar rechts als het balletje in het midden is moet je tikken Verder in het midden hoger score's game

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

No:13429

←

Prev Next

→

Er gaat een balletje van links naar rechts als het..ALL
Developer User5877｜Date and time 23/8/28 5:08:47
Build time 9.101 sec｜Game capacity 1.745KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Balletje Tikkertje</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>

function startGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      
      ballX = 0;
      ballY = canvas.height / 2;
      ballRadius = 10;
      
      score = 0;

setInterval(updateGame, 10);
    }

function updateGame() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawBall();

if (ballX + ballRadius >= canvas.width / 2 && ballX - ballRadius <= canvas.width / 2) {
        canvas.style.cursor = "pointer";
      } else {
        canvas.style.cursor = "default";
      }
    }

function drawBall() {
      context.beginPath();
      context.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
      context.fillStyle = "black";
      context.fill();
      context.closePath();

ballX += 1; // Move the ball from left to right

if (ballX > canvas.width) {
        ballX = 0; // Reset the ball's position when it reaches the right end of the canvas
        updateScore();
      }
    }

function updateScore() {
      score += 1;
      console.log("Huidige score: " + score);
    }

function handleClick(event) {
      if (ballX + ballRadius >= canvas.width / 2 && ballX - ballRadius <= canvas.width / 2) {
        console.log("Je hebt getikt!");
      }
    }

document.addEventListener("DOMContentLoaded", startGame);
    canvas.addEventListener("click", handleClick);
  </script>
</body>
</html>