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

No:31456

81

a mase thats randomly generated that you have run..ALL
Developer User15107｜Date and time 23/12/27 1:08:41
Build time 36.603 sec｜Game capacity 4.226KB｜

Sure, here's an example of a simple game where you have to navigate through a randomly generated maze while avoiding a ghost. The game will run for one minute, and you can control the player's movement using touch controls on a smartphone. Pictograms will be used to represent the character and the ghost. Please note that the following code is just a basic example to get you started. You can modify and enhance it further as per your requirements.

Maze Game

To use this code, save it in an HTML file (e.g., `maze_game.html`). Make sure to have `emozi_all/pictogram.png` and `emozi_all/pictogram.png` files in the same directory. These image files would contain the pictograms representing the player and the ghost, respectively. When you open the HTML file in a smartphone browser, you can control the player's movement by dragging your finger within the maze area. The game will run for one minute, and if the player collides with the ghost during this time, or the time runs out, an alert dialog will be displayed indicating the game over condition. Remember to enhance and style the game further to make it more appealing and challenging according to your needs.

→ 　

0　

0　

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

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 where you have to navigate through a randomly generated maze while avoiding a ghost. The game will run for one minute, and you can control the player's movement using touch controls on a smartphone. Pictograms will be used to represent the character and the ghost.

Please note that the following code is just a basic example to get you started. You can modify and enhance it further as per your requirements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Maze Game</title>
  <style>
    #maze {
      position: relative;
      width: 300px;
      height: 300px;
      border: 1px solid black;
    }
    #player, #ghost {
      position: absolute;
      width: 20px;
      height: 20px;
    }
  </style>
</head>
<body>
  <h1>Maze Game</h1>
  
  <div id="maze"></div>

<script>
    // Maze game logic
    var mazeElement = document.getElementById('maze');
    var playerElement = document.createElement('div');
    var ghostElement = document.createElement('div');
    var mazeWidth = mazeElement.offsetWidth;
    var mazeHeight = mazeElement.offsetHeight;
    var playerSize = playerElement.offsetWidth;
    var ghostSize = ghostElement.offsetWidth;
    var playerX = mazeWidth / 2 - playerSize / 2;
    var playerY = mazeHeight / 2 - playerSize / 2;
    var ghostX = Math.random() * (mazeWidth - ghostSize);
    var ghostY = Math.random() * (mazeHeight - ghostSize);
    var startTime = Date.now();
    var gameTime = 60 * 1000; // 1 minute in milliseconds

playerElement.id = 'player';
    ghostElement.id = 'ghost';
    playerElement.style.backgroundImage = "url('player_pictogram.png')";
    ghostElement.style.backgroundImage = "url('ghost_pictogram.png')";
    playerElement.style.left = playerX + 'px';
    playerElement.style.top = playerY + 'px';
    ghostElement.style.left = ghostX + 'px';
    ghostElement.style.top = ghostY + 'px';
    mazeElement.appendChild(playerElement);
    mazeElement.appendChild(ghostElement);

function updatePosition(playerX, playerY) {
      playerElement.style.left = playerX + 'px';
      playerElement.style.top = playerY + 'px';
    }

function checkCollision() {
      var playerBounds = playerElement.getBoundingClientRect();
      var ghostBounds = ghostElement.getBoundingClientRect();
      return !(
        playerBounds.bottom < ghostBounds.top ||
        playerBounds.top > ghostBounds.bottom ||
        playerBounds.right < ghostBounds.left ||
        playerBounds.left > ghostBounds.right
      );
    }

function movePlayer(event) {
      var x = event.touches[0].clientX - mazeElement.offsetLeft - playerSize / 2;
      var y = event.touches[0].clientY - mazeElement.offsetTop - playerSize / 2;
      if (x < 0) {
        x = 0;
      }
      if (y < 0) {
        y = 0;
      }
      if (x > mazeWidth - playerSize) {
        x = mazeWidth - playerSize;
      }
      if (y > mazeHeight - playerSize) {
        y = mazeHeight - playerSize;
      }
      updatePosition(x, y);
    }

function gameLoop() {
      var currentTime = Date.now();
      var elapsedTime = currentTime - startTime;
      if (elapsedTime >= gameTime) {
        alert('Game Over - You survived for 1 minute!');
        return;
      }

if (checkCollision()) {
        alert('Game Over - Ghost caught you!');
        return;
      }

requestAnimationFrame(gameLoop);
    }

mazeElement.addEventListener('touchmove', movePlayer, false);

// Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

To use this code, save it in an HTML file (e.g., `maze_game.html`). Make sure to have `player_pictogram.png` and `ghost_pictogram.png` files in the same directory. These image files would contain the pictograms representing the player and the ghost, respectively.

When you open the HTML file in a smartphone browser, you can control the player's movement by dragging your finger within the maze area. The game will run for one minute, and if the player collides with the ghost during this time, or the time runs out, an alert dialog will be displayed indicating the game over condition.

Remember to enhance and style the game further to make it more appealing and challenging according to your needs.