Enemy1:playtime playtime makes you jump rope. Enemy2 the princessble if you run it sends you to detention for 15 seconds's game | AI game creator

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

No:39012

120

Enemy1:playtime playtime makes you jump rope. Enem..ALL
Developer User7580｜Date and time 24/1/26 9:47:02
Build time 20.977 sec｜Game capacity 3.832KB｜

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and pictograms. It's a mobile game where you control a character to jump rope while avoiding enemies and reaching the princess.

Player

Enemy 1

Enemy 2

Princess

In the above code, you can replace the `emozi_all/player.png`, `emozi_hamuster.png`, `emozi_dog.png`, and `emozi_all/princess.png` with the actual pictograms or images you want to use for the game. The game canvas is set to `320px` width and `480px` height, but you can adjust it based on your preference. The game logic is implemented as follows: - When the screen is touched/clicked, the player jumps rope by moving up and then back down. - The `checkCollision()` function checks if the player intersects with any of the enemies or the princess. If there is a collision with an enemy, the player goes into detention for 15 seconds. - The game loop, implemented using `requestAnimationFrame`, continuously checks for collisions and updates the game state. Feel free to modify and enhance this example to fit your specific game requirements.

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and pictograms. It's a mobile game where you control a character to jump rope while avoiding enemies and reaching the princess.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
      margin: 0;
      padding: 0;
      background-color: #f2f2f2;
    }
    
    #game-canvas {
      display: inline-block;
      position: relative;
      width: 320px;
      height: 480px;
      border: 2px solid #000;
      background-color: #fff;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .enemy {
      position: absolute;
      bottom: 0;
    }
    
    #enemy1 {
      left: 15%;
    }
    
    #enemy2 {
      right: 15%;
    }
    
    #princess {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <div id="game-canvas">
    <img id="player" src="player.png" alt="Player" />
    <img id="enemy1" class="enemy" src="enemy1.png" alt="Enemy 1" />
    <img id="enemy2" class="enemy" src="enemy2.png" alt="Enemy 2" />
    <img id="princess" src="princess.png" alt="Princess" />
  </div>

<script>
    // Game variables
    var player = document.getElementById('player');
    var enemy1 = document.getElementById('enemy1');
    var enemy2 = document.getElementById('enemy2');
    var princess = document.getElementById('princess');
    var inDetention = false;
  
    // Move player when screen is touched
    document.addEventListener('click', function() {
      if (!inDetention) {
        player.style.bottom = '200px'; // Jump rope height
        setTimeout(function() {
          player.style.bottom = '0px'; // Reset player position
        }, 400);
      }
    });
  
    // Handle enemy collision
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var enemy1Rect = enemy1.getBoundingClientRect();
      var enemy2Rect = enemy2.getBoundingClientRect();
      var princessRect = princess.getBoundingClientRect();
    
      if (intersectRect(playerRect, enemy1Rect) || intersectRect(playerRect, enemy2Rect)) {
        console.log('Detention!');
        inDetention = true;
        setTimeout(function() {
          console.log('Released from detention!');
          inDetention = false;
        }, 15000); // Detention for 15 seconds
      }
    
      if (intersectRect(playerRect, princessRect)) {
        console.log('You saved the princess!');
      }
    }
  
    // Check if two rectangles intersect
    function intersectRect(r1, r2) {
      return !(r2.left > r1.right || 
               r2.right < r1.left || 
               r2.top > r1.bottom ||
               r2.bottom < r1.top);
    }
  
    // Game loop
    function gameLoop() {
      checkCollision();
      requestAnimationFrame(gameLoop);
    }
  
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```

In the above code, you can replace the `player.png`, `enemy1.png`, `enemy2.png`, and `princess.png` with the actual pictograms or images you want to use for the game. The game canvas is set to `320px` width and `480px` height, but you can adjust it based on your preference.

The game logic is implemented as follows:
- When the screen is touched/clicked, the player jumps rope by moving up and then back down.
- The `checkCollision()` function checks if the player intersects with any of the enemies or the princess. If there is a collision with an enemy, the player goes into detention for 15 seconds.
- The game loop, implemented using `requestAnimationFrame`, continuously checks for collisions and updates the game state.

Feel free to modify and enhance this example to fit your specific game requirements.