Pizza tower is a game about platformer's game

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

No:18965

←

Prev Next

→

Pizza tower is a game about platformer
Developer User8376｜Date and time 23/10/1 7:20:08
Build time 10.244 sec｜Game capacity 3.05KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pizza Tower - Platformer Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  <script>
    // Game variables
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');
    const screenWidth = window.innerWidth;
    const screenHeight = window.innerHeight;
    const playerWidth = 50;
    const playerHeight = 50;
    let playerX = screenWidth / 2 - playerWidth / 2;
    let playerY = screenHeight - playerHeight - 10;
    let playerSpeedX = 0;
    let playerSpeedY = 0;
    let isJumping = false;
    
    // Platform variables
    const platformWidth = 150;
    const platformHeight = 20;
    const platformX = screenWidth / 2 - platformWidth / 2;
    const platformY = screenHeight - 150;
    
    // Game initialization
    function init() {
      canvas.width = screenWidth;
      canvas.height = screenHeight;
      document.addEventListener('keydown', handleKeyDown);
      document.addEventListener('keyup', handleKeyUp);
      requestAnimationFrame(update);
    }
    
    // Handle key down events
    function handleKeyDown(e) {
      if (e.key === 'ArrowLeft') {
        playerSpeedX = -5;
      } else if (e.key === 'ArrowRight') {
        playerSpeedX = 5;
      } else if (e.key === 'ArrowUp' && !isJumping) {
        playerSpeedY = -10;
        isJumping = true;
      }
    }
    
    // Handle key up events
    function handleKeyUp(e) {
      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
        playerSpeedX = 0;
      }
    }
    
    // Update game state
    function update() {
      context.clearRect(0, 0, screenWidth, screenHeight);
      
      // Draw player
      context.fillStyle = '#FF0000'; // Red color
      context.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // Draw platform
      context.fillStyle = '#0000FF'; // Blue color
      context.fillRect(platformX, platformY, platformWidth, platformHeight);
      
      // Update player position
      playerX += playerSpeedX;
      playerY += playerSpeedY;
      
      // Apply gravity to player
      if (playerY < screenHeight - playerHeight) {
        playerSpeedY += 0.5;
      } else {
        playerY = screenHeight - playerHeight;
        isJumping = false;
        playerSpeedY = 0;
      }
      
      // Check collision with platform
      if (
        playerX < platformX + platformWidth &&
        playerX + playerWidth > platformX &&
        playerY + playerHeight > platformY &&
        playerY + playerHeight < platformY + platformHeight
      ) {
        playerY = platformY - playerHeight;
        playerSpeedY = 0;
        isJumping = false;
      }
      
      requestAnimationFrame(update);
    }
    
    // Start the game
    init();
  </script>
</body>
</html>