a realistic game with an interior view, it looks like reality, you go on the street, you do anything's game

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

No:34946

←

Prev Next

→

a realistic game with an interior view, it looks l..ALL
Developer User16254｜Date and time 24/1/12 21:18:13
Build time 11.096 sec｜Game capacity 2.24KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
  <style>
    #gameDisplay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #000;
    }
  </style>
</head>
<body>
  <script>
    const gameDisplay = document.getElementById('gameDisplay');
    const context = gameDisplay.getContext('2d');
    const screenWidth = window.innerWidth;
    const screenHeight = window.innerHeight;

// Initialize game variables
    let playerX = 100;
    let playerY = 100;
    let playerSpeedX = 0;
    let playerSpeedY = 0;

// Load player image
    const playerImage = new Image();
    playerImage.src = 'images/player.png';

function updateGame() {
      const playerSize = 64;

// Calculate player movement
      playerX += playerSpeedX;
      playerY += playerSpeedY;

// Clear the game display
      context.clearRect(0, 0, screenWidth, screenHeight);

// Draw player on the screen
      context.drawImage(playerImage, playerX, playerY, playerSize, playerSize);

// Call update game function on every animation frame
      requestAnimationFrame(updateGame);
    }

function movePlayer(dirX, dirY) {
      // Set player speed based on direction
      playerSpeedX = dirX;
      playerSpeedY = dirY;
    }

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

let touchStartX = null;
    let touchStartY = null;

function handleTouchStart(event) {
      const touch = event.touches[0];
      touchStartX = touch.clientX;
      touchStartY = touch.clientY;

movePlayer(0, 0);
    }

function handleTouchMove(event) {
      if (!touchStartX || !touchStartY) {
        return;
      }

const touchMoveX = event.touches[0].clientX - touchStartX;
      const touchMoveY = event.touches[0].clientY - touchStartY;

movePlayer(touchMoveX * 0.04, touchMoveY * 0.04);
    }

function handleTouchEnd() {
      touchStartX = null;
      touchStartY = null;

movePlayer(0, 0);
    }

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