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

112

←

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]現在の売れ筋Kindle本ランキング

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>