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

No:10695

A game where a man is trying to find his grandma t..ALL
Developer User4610｜Date and time 23/8/2 2:30:00
Build time 27.031 sec｜Game capacity 3.722KB｜

Script

Sure! Here's an example of a simple game where a man is trying to find his grandma through space using pictograms. This game is designed to be played on a smartphone.

Space Adventure: Find Grandma

Congratulations! You found your grandma!

Note: This is just a basic implementation to give you an idea. You would need to provide the corresponding image files (`emozi_all/man.png` and `emozi_apple.png`) to make this example work properly. Additionally, you can further enhance the game by adding levels, time constraints, scoring, and more complex gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's an example of a simple game where a man is trying to find his grandma through space using pictograms. This game is designed to be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Space Adventure: Find Grandma</title>
  <style>
    body {
      text-align: center;
      background-color: #000;
      color: #fff;
      font-family: 'Arial', sans-serif;
    }
    
    #game-canvas {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      background-color: #000;
      border: 2px solid #fff;
      border-radius: 10px;
      padding: 10px;
    }
    
    #info {
      margin-top: 20px;
      font-size: 18px;
      display: none;
    }
  </style>
</head>
<body>
  <div id="game-canvas">
    <h1>Space Adventure: Find Grandma</h1>
    <img id="man" src="man.png" alt="Man" width="100px" height="100px">
    <img id="grandma" src="grandma.png" alt="Grandma" width="100px" height="100px">
  </div>
  
  <div id="info">
    <p>Congratulations! You found your grandma!</p>
    <button onclick="restartGame()">Play Again</button>
  </div>
  
  <script>
    var man = document.getElementById("man");
    var grandma = document.getElementById("grandma");
    var info = document.getElementById("info");
    var gameCanvas = document.getElementById("game-canvas");
    
    var gameState = {
      manX: 200,
      manY: 200,
      grandmaX: Math.floor(Math.random() * 300),
      grandmaY: Math.floor(Math.random() * 300),
      foundGrandma: false
    };
    
    function updateGameCanvas() {
      man.style.left = gameState.manX + "px";
      man.style.top = gameState.manY + "px";
    }
    
    function checkCollision() {
      var manRect = man.getBoundingClientRect();
      var grandmaRect = grandma.getBoundingClientRect();
      
      if (
        manRect.top < grandmaRect.bottom &&
        manRect.bottom > grandmaRect.top &&
        manRect.left < grandmaRect.right &&
        manRect.right > grandmaRect.left
      ) {
        gameState.foundGrandma = true;
        gameCanvas.style.display = "none";
        info.style.display = "block";
      }
    }
    
    function moveMan(event) {
      var stepSize = 10;
      
      switch(event.keyCode) {
        case 37: // Left arrow key
          if (gameState.manX >= stepSize) {
            gameState.manX -= stepSize;
          }
          break;
        case 38: // Up arrow key
          if (gameState.manY >= stepSize) {
            gameState.manY -= stepSize;
          }
          break;
        case 39: // Right arrow key
          if (gameState.manX + stepSize + 100 <= gameCanvas.offsetWidth) {
            gameState.manX += stepSize;
          }
          break;
        case 40: // Down arrow key
          if (gameState.manY + stepSize + 100 <= gameCanvas.offsetHeight) {
            gameState.manY += stepSize;
          }
          break;
      }
      
      updateGameCanvas();
      checkCollision();
    }
    
    function restartGame() {
      gameState.manX = 200;
      gameState.manY = 200;
      gameState.grandmaX = Math.floor(Math.random() * 300);
      gameState.grandmaY = Math.floor(Math.random() * 300);
      gameState.foundGrandma = false;
      
      gameCanvas.style.display = "block";
      info.style.display = "none";
      updateGameCanvas();
    }
    
    restartGame();
    document.addEventListener("keydown", moveMan);
  </script>
</body>
</html>
```

Note: This is just a basic implementation to give you an idea. You would need to provide the corresponding image files (`man.png` and `grandma.png`) to make this example work properly. Additionally, you can further enhance the game by adding levels, time constraints, scoring, and more complex gameplay mechanics.