AI game creator

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

No:18421

←

Prev Next

→

Rpg lost media
Developer User8074｜Date and time 23/9/29 8:46:47
Build time 35.915 sec｜Game capacity 4.185KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>RPG Lost Media</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Player variables
    let playerX = 50;
    let playerY = 50;
    let playerSpeed = 2;
    let playerSize = 40;

// Other variables
    let gameStarted = false;

// Initialize the game
    function initializeGame() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');

// Create the player character
      player = {
        x: playerX,
        y: playerY,
        size: playerSize,
        color: '#000000'
      };

// Handle touch events for smartphone operation
      canvas.addEventListener('touchstart', handleTouchStart, false);
      canvas.addEventListener('touchmove', handleTouchMove, false);
      canvas.addEventListener('touchend', handleTouchEnd, false);

// Start the game loop
      gameLoopInterval = setInterval(gameLoop, 16);
    }

// Game loop
    function gameLoop() {
      clearCanvas();
      handlePlayerMovement();
      drawPlayer();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Handle player movement
    function handlePlayerMovement() {
      // Move the player based on touch events
      if (player.isMovingUp) {
        player.y -= playerSpeed;
      }
      if (player.isMovingDown) {
        player.y += playerSpeed;
      }
      if (player.isMovingLeft) {
        player.x -= playerSpeed;
      }
      if (player.isMovingRight) {
        player.x += playerSpeed;
      }
    }

// Draw the player character
    function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.size, player.size);
    }

// Handle touch start event
    function handleTouchStart(event) {
      event.preventDefault();
      const touch = event.touches[0];
      const touchX = touch.clientX;
      const touchY = touch.clientY;
      
      // Check if touch is within the player area
      if (isTouchInPlayer(touchX, touchY)) {
        startPlayerMovement();
      }
    }

// Handle touch move event
    function handleTouchMove(event) {
      event.preventDefault();
      const touch = event.touches[0];
      const touchX = touch.clientX;
      const touchY = touch.clientY;
      
      // Check if touch is still within the player area and move accordingly
      if (isTouchInPlayer(touchX, touchY)) {
        movePlayerTowards(touchX, touchY);
      } else {
        stopPlayerMovement();
      }
    }

// Handle touch end event
    function handleTouchEnd(event) {
      event.preventDefault();
      stopPlayerMovement();
    }

// Check if touch is within the player area
    function isTouchInPlayer(touchX, touchY) {
      return (
        touchX >= player.x &&
        touchX <= player.x + player.size &&
        touchY >= player.y &&
        touchY <= player.y + player.size
      );
    }

// Start player movement towards touched coordinates
    function startPlayerMovement() {
      player.isMovingUp = true;
      player.isMovingDown = true;
      player.isMovingLeft = true;
      player.isMovingRight = true;
    }

// Move player character towards touched coordinates
    function movePlayerTowards(touchX, touchY) {
      if (touchY < player.y) {
        player.isMovingUp = true;
        player.isMovingDown = false;
      } else {
        player.isMovingUp = false;
        player.isMovingDown = true;
      }

if (touchX < player.x) {
        player.isMovingLeft = true;
        player.isMovingRight = false;
      } else {
        player.isMovingLeft = false;
        player.isMovingRight = true;
      }
    }

// Stop player movement
    function stopPlayerMovement() {
      player.isMovingUp = false;
      player.isMovingDown = false;
      player.isMovingLeft = false;
      player.isMovingRight = false;
    }

// Start the game when window loads
    window.onload = function() {
      initializeGame();
    };
  </script>
</body>
</html>