A platform game where it gets harder every time you die's game

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

No:27957

←

Prev Next

→

A platform game where it gets harder every time yo..ALL
Developer User13951｜Date and time 23/12/10 8:01:27
Build time 34.21 sec｜Game capacity 4.535KB｜

Script

Sure! Here's an example of a simple platform game that gets harder every time you die. It uses pictograms and can be played on a smartphone. Please note that this implementation is simplified and may not have all the features of a full-fledged game.

To use this code, save it as a `.html` file (e.g., `platform_game.html`). Place the image files (`emozi_all/player.png`, `emozi_all/enemy.png`, `emozi_rabbit.png`) in the same directory as the `.html` file. Then, open the HTML file in a web browser on your smartphone to play the game. Use the arrow keys, WASD, or on-screen controls (if available) to control the player. The game will get harder each time you die, with the player and enemy speed increasing. The score is displayed in the top-left corner of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Platform Game</title>
  <style>
    body {
      margin: 0;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="640" height="480"></canvas>
  
  <script>
    // Pictograms
    const playerImage = new Image();
    playerImage.src = 'player.png';
    
    const enemyImage = new Image();
    enemyImage.src = 'enemy.png';
    
    const platformImage = new Image();
    platformImage.src = 'platform.png';
    
    // Game variables
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');
    
    let playerX = 50;
    let playerY = 380;
    let playerSpeed = 5;
    
    let enemyX = 500;
    let enemyY = 410;
    let enemySpeed = 3;
    
    const platformWidth = 80;
    const platformHeight = 20;
    
    let platforms = [
      { x: 200, y: 300 },
      { x: 400, y: 200 },
      { x: 600, y: 350 }
    ];
    
    let score = 0;
    
    // Keyboard input handling
    let keyboardState = {};
    
    window.addEventListener('keydown', function(event) {
      keyboardState[event.key] = true;
    });
    
    window.addEventListener('keyup', function(event) {
      keyboardState[event.key] = false;
    });
    
    // Game loop
    function gameLoop() {
      update();
      draw();
      
      requestAnimationFrame(gameLoop);
    }
    
    // Update game logic
    function update() {
      // Player movement
      if (keyboardState.ArrowLeft || keyboardState.KeyA) {
        playerX -= playerSpeed;
      }
      
      if (keyboardState.ArrowRight || keyboardState.KeyD) {
        playerX += playerSpeed;
      }
      
      // Player jumping
      if ((keyboardState.ArrowUp || keyboardState.KeyW) && playerY === 380) {
        playerY -= playerSpeed * 2;
      }
      
      // Enemy movement
      enemyX -= enemySpeed;
      
      // Check collision with platforms
      for (let i = 0; i < platforms.length; i++) {
        const platform = platforms[i];
        
        if (
          playerX < platform.x + platformWidth &&
          playerX + 32 > platform.x &&
          playerY < platform.y + platformHeight &&
          playerY + 32 > platform.y
        ) {
          playerY = platform.y - 32;
        }
      }
      
      // Check collision with enemy
      if (
        playerX < enemyX + 32 &&
        playerX + 32 > enemyX &&
        playerY < enemyY + 32 &&
        playerY + 32 > enemyY
      ) {
        gameOver();
      }
      
      // Check if player is out of bounds
      if (playerX < 0 || playerX > canvas.width - 32 || playerY > canvas.height) {
        gameOver();
      }
      
      // Update score
      score++;
    }
    
    // Draw game objects
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      context.drawImage(playerImage, playerX, playerY, 32, 32);
      
      // Draw enemy
      context.drawImage(enemyImage, enemyX, enemyY, 32, 32);
      
      // Draw platforms
      platforms.forEach(function(platform) {
        context.drawImage(platformImage, platform.x, platform.y, platformWidth, platformHeight);
      });
      
      // Draw score
      context.fillStyle = '#000000';
      context.font = '20px Arial';
      context.fillText('Score: ' + score, 10, 25);
    }
    
    // Game over logic
    function gameOver() {
      // Reset game variables
      playerX = 50;
      playerY = 380;
      
      enemyX = 500;
      enemyY = 410;
      
      score = 0;
      
      // Increase difficulty
      playerSpeed += 1;
      enemySpeed += 0.5;
      
      // Clear keyboard state
      keyboardState = {};
    }
    
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```

To use this code, save it as a `.html` file (e.g., `platform_game.html`). Place the image files (`player.png`, `enemy.png`, `platform.png`) in the same directory as the `.html` file. Then, open the HTML file in a web browser on your smartphone to play the game. Use the arrow keys, WASD, or on-screen controls (if available) to control the player. The game will get harder each time you die, with the player and enemy speed increasing. The score is displayed in the top-left corner of the screen.