A simple aim and shoot minigolf game's game | AI game creator

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

No:51468

169

A simple aim and shoot minigolf game
Developer User21533｜Date and time 24/3/12 11:36:29
Build time 6.461 sec｜Game capacity 1.472KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    // Get the canvas and context
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    
    // Set initial position of the golf ball
    var ballX = 200;
    var ballY = 350;
    
    // Set initial position of the golf club
    var clubX = 200;
    var clubY = 350;
    var clubAngle = 0;
    
    // Function to draw the ball
    function drawBall() {
      ctx.beginPath();
      ctx.arc(ballX, ballY, 10, 0, Math.PI*2);
      ctx.fillStyle = "white";
      ctx.fill();
      ctx.closePath();
    }
    
    // Function to draw the golf club
    function drawClub() {
      ctx.save();
      ctx.translate(clubX, clubY);
      ctx.rotate(clubAngle);
      ctx.fillStyle = "black";
      ctx.fillRect(0, -5, 50, 10);
      ctx.restore();
    }
    
    // Function to update the game
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawBall();
      drawClub();
    }
    
    // Function to handle touch events
    function handleTouch(event) {
      clubAngle = Math.atan2(event.touches[0].clientY - clubY, event.touches[0].clientX - clubX);
    }
    
    // Add touch event listener
    canvas.addEventListener("touchmove", handleTouch);
    
    // Start the game loop
    setInterval(update, 1000/60);
  </script>
</body>
</html>