AI game creator

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

No:35593

←

Prev Next

→

Internet
Developer User16561｜Date and time 24/1/14 23:50:42
Build time 8.148 sec｜Game capacity 2.15KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра на смартфон</title>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <script>
      // Create the game canvas
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

// Set width and height of the canvas to match the device's screen size
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Define the game variables
      let playerX = canvas.width / 2;
      let playerY = canvas.height / 2;

// Define the pictogram for the player
      const playerImage = new Image();
      playerImage.src = "pictogram.png";

// Handle touch events on the canvas
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);
      canvas.addEventListener("touchend", handleTouchEnd, false);

// Function to handle touchstart event
      function handleTouchStart(event) {
        event.preventDefault();
        const touch = event.touches[0];
        playerX = touch.pageX - canvas.offsetLeft;
        playerY = touch.pageY - canvas.offsetTop;
      }

// Function to handle touchmove event
      function handleTouchMove(event) {
        event.preventDefault();
        const touch = event.touches[0];
        playerX = touch.pageX - canvas.offsetLeft;
        playerY = touch.pageY - canvas.offsetTop;
      }

// Function to handle touchend event
      function handleTouchEnd(event) {
        event.preventDefault();
        playerX = canvas.width / 2;
        playerY = canvas.height / 2;
      }

// Game loop
      function gameLoop() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
        context.drawImage(
          playerImage,
          playerX - playerImage.width / 2,
          playerY - playerImage.height / 2
        );

// Request the next animation frame
        requestAnimationFrame(gameLoop);
      }

// Start the game
      gameLoop();
    </script>
  </body>
</html>