Anime life simulator 3d's game

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

No:26974

114

←

Prev Next

→

Anime life simulator 3d
Developer User13355｜Date and time 23/12/3 18:21:53
Build time 32.47 sec｜Game capacity 2.243KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Anime Life Simulator 3D</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="game-canvas" width="800" height="600"></canvas>
    <script>
      // Enclosing the code in script tags
      (function () {
        // Getting the canvas element
        const canvas = document.getElementById("game-canvas");
        const ctx = canvas.getContext("2d");
        
        // Defining variables for player position, score, and game status
        let playerX = 400;
        let playerY = 300;
        let playerRadius = 20;
        let score = 0;
        let isGameOver = false;

// Function to handle player movement based on touchscreen input
        function handleTouchMove(event) {
          playerX = event.touches[0].clientX;
          playerY = event.touches[0].clientY;
        }

// Function to update the game
        function update() {
          if (!isGameOver) {
            // Clearing the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Drawing the player as a pictogram
            ctx.beginPath();
            ctx.arc(playerX, playerY, playerRadius, 0, Math.PI * 2);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
            
            // Updating the score
            score++;
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 10, 30);
            
            // Calling the update function again using requestAnimationFrame
            requestAnimationFrame(update);
          } else {
            // Game over logic
            ctx.font = "40px Arial";
            ctx.fillStyle = "red";
            ctx.fillText("Game Over", 350, 300);
          }
        }

// Function to handle game over
        function gameOver() {
          isGameOver = true;
        }

// Adding event listeners for touchscreen input
        canvas.addEventListener("touchmove", handleTouchMove);
        canvas.addEventListener("touchend", gameOver);

// Starting the game
        update();
      })();
    </script>
  </body>
</html>