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

No:36936

A game where there is hello kitty
Developer User16920｜Date and time 24/1/19 10:33:46
Build time 9.796 sec｜Game capacity 2.36KB｜

Script

Sure! Here's an example of a simple game featuring Hello Kitty implemented as a single HTML file, using JavaScript and pictograms:

Hello Kitty Game

Score: 0

In this game, the objective is to click on the Hello Kitty pictograms to increase your score. The pictograms will randomly appear on the screen every second in different positions. Each time you click a pictogram, your score will increase and be displayed on the screen. Please note that this is a simple example, and you can expand and modify the game as per your requirements.

←

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 featuring Hello Kitty implemented as a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      #game {
        margin-top: 50px;
      }
      #score {
        font-size: 24px;
        margin-bottom: 20px;
      }
      .pictogram {
        cursor: pointer;
        margin: 10px;
        width: 100px;
        height: 100px;
        background-size: cover;
        display: inline-block;
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      }
    </style>
  </head>
  <body>
    <h1>Hello Kitty Game</h1>
    <div id="game">
      <div id="score">Score: 0</div>
      <div class="pictogram" id="pictogram1" onclick="increaseScore()"></div>
      <div class="pictogram" id="pictogram2" onclick="increaseScore()"></div>
      <div class="pictogram" id="pictogram3" onclick="increaseScore()"></div>
    </div>

function increaseScore() {
        score++;
        document.getElementById('score').textContent = 'Score: ' + score;
      }

function randomizePosition() {
        var game = document.getElementById('game');
        var pictograms = game.getElementsByClassName('pictogram');
        var windowWidth = window.innerWidth;
        var windowHeight = window.innerHeight;
        var pictogramSize = parseInt(
          getComputedStyle(pictograms[0]).getPropertyValue('width')
        );

for (var i = 0; i < pictograms.length; i++) {
          var randomX = Math.floor(Math.random() * (windowWidth - pictogramSize));
          var randomY = Math.floor(Math.random() * (windowHeight - pictogramSize));
          pictograms[i].style.left = randomX + 'px';
          pictograms[i].style.top = randomY + 'px';
        }
      }

setInterval(randomizePosition, 1000);
    </script>
  </body>
</html>
```

Please note that this is a simple example, and you can expand and modify the game as per your requirements.