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

No:14775

←

Prev Next

→

A cat hide and seek
Developer User6358｜Date and time 23/9/4 7:03:59
Build time 23.984 sec｜Game capacity 2.883KB｜

Script

Sure! Here's an example of a simple cat hide and seek game implemented as a single HTML file. The game will be played using a smartphone and will use pictograms.

Cat Hide and Seek

In this game, there are three hide spots represented by the "emozi_all/game.png" pictogram. The cat, represented by the "emozi_all/cat.png" pictogram, can randomly hide in one of those spots. The goal of the game is to find the hidden cat by clicking on the pictograms. Once the cat is found, the pictogram becomes a "emozi_all/pictogram.png" pictogram. Please note that the URLs provided for the pictogram images need to be replaced with actual image URLs for this game to work correctly.

←

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 cat hide and seek game implemented as a single HTML file. The game will be played using a smartphone and will use pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cat Hide and Seek</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #gameboard {
      display: inline-block;
      margin-top: 40px;
    }
    .pictogram {
      width: 70px;
      height: 70px;
      background-size: cover;
      display: inline-block;
    }
    #cat {
      background-image: url('https://example.com/cat.png');
    }
    #hide-spots {
      background-image: url('https://example.com/hide_spot.png');
    }
    #found-spots {
      background-image: url('https://example.com/found_spot.png');
    }
  </style>
</head>
<body>
  <h1>Cat Hide and Seek</h1>
  <div id="gameboard">
    <div class="pictogram" id="hide1"></div>
    <div class="pictogram" id="hide2"></div>
    <div class="pictogram" id="hide3"></div>
    <div class="pictogram" id="cat"></div>
    <div class="pictogram found" id="found1"></div>
    <div class="pictogram found" id="found2"></div>
    <div class="pictogram found" id="found3"></div>
  </div>

function hideCat() {
        const randomIndex = Math.floor(Math.random() * hiddensPictograms.length);
        hiddensPictograms[randomIndex].appendChild(cat);
      }

function resetGame() {
        score = 0;
        foundSpots.forEach((spot) => spot.classList.remove('found'));
        hideCat();
      }

gameboard.addEventListener('click', handlePictogramClick);

resetGame();
    });
  </script>
</body>
</html>
```

In this game, there are three hide spots represented by the "hide_spot.png" pictogram. The cat, represented by the "cat.png" pictogram, can randomly hide in one of those spots. The goal of the game is to find the hidden cat by clicking on the pictograms. Once the cat is found, the pictogram becomes a "found_spot.png" pictogram.

Please note that the URLs provided for the pictogram images need to be replaced with actual image URLs for this game to work correctly.