AI game creator

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

No:36937

←

Prev Next

→

A hello kitty game
Developer User16920｜Date and time 24/1/19 10:34:39
Build time 8.188 sec｜Game capacity 2.073KB｜

Script

Sure! Here's the code for a simple Hello Kitty game that you can play on a smartphone:

To make this work, you will need to have an image file named "emozi_himawari.png" in the same directory as the HTML file. Feel free to replace this image with any pictogram you prefer. In this game, you control Hello Kitty's movement using the arrow keys on your smartphone. Hello Kitty will move 10 pixels in the corresponding direction for each key press. The game runs at 60 frames per second, and the canvas is updated and cleared accordingly. Please note that this is just a simple example to get you started. Feel free to modify and enhance the game as per your requirements. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's the code for a simple Hello Kitty game that you can play on a smartphone:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hello Kitty Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 40px;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="300" height="300"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');

const helloKittyImage = new Image();
    helloKittyImage.src = "hello-kitty.png";

let kittyX = canvas.width / 2;
    let kittyY = canvas.height / 2;

function drawHelloKitty() {
      context.drawImage(helloKittyImage, kittyX, kittyY, 50, 50);
    }

function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

function updateGame() {
      clearCanvas();
      drawHelloKitty();
    }

setInterval(updateGame, 1000 / 60); // 60 FPS

document.addEventListener('keydown', function(event) {
      const key = event.keyCode;
      
      switch (key) {
        case 37: // Left arrow key
          kittyX -= 10;
          break;
        case 38: // Up arrow key
          kittyY -= 10;
          break;
        case 39: // Right arrow key
          kittyX += 10;
          break;
        case 40: // Down arrow key
          kittyY += 10;
          break;
      }
    });
  </script>
</body>
</html>
```

To make this work, you will need to have an image file named "hello-kitty.png" in the same directory as the HTML file. Feel free to replace this image with any pictogram you prefer.

In this game, you control Hello Kitty's movement using the arrow keys on your smartphone. Hello Kitty will move 10 pixels in the corresponding direction for each key press. The game runs at 60 frames per second, and the canvas is updated and cleared accordingly.

Please note that this is just a simple example to get you started. Feel free to modify and enhance the game as per your requirements. Have fun playing!