A cute brown cat who travels around the world's game

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

No:6702

←

Prev Next

→

A cute brown cat who travels around the world
Developer User3917｜Date and time 23/7/3 7:43:27
Build time 22.538 sec｜Game capacity 2.335KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags. The game features a cute brown cat who travels around the world.

🐱

In the above code, the cat is represented by a pictogram (a brown heart) and is initially placed in the center of the screen. You can click on the cat, and a prompt will ask you to enter a direction (`left`, `up`, `right`, `down`). Based on the chosen direction, the cat will move in that direction within the screen boundaries. Please note that the URL placeholders (`emozi_cat.png`, `emozi_rabbit.png`, `emozi_apple.png`, `emozi_bear.png`) should be replaced with the actual URLs of the pictograms you want to use.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags. The game features a cute brown cat who travels around the world.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #fcd5ce;
    }

#cat {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 48px;
      cursor: pointer;
      user-select: none;
    }

.pictogram {
      display: inline-block;
      width: 48px;
      height: 48px;
      background-size: contain;
    }

.left {
      background-image: url('https://example.com/left.png');
    }

.up {
      background-image: url('https://example.com/up.png');
    }

.right {
      background-image: url('https://example.com/right.png');
    }

.down {
      background-image: url('https://example.com/down.png');
    }
  </style>
</head>
<body>
  <div id="cat" class="pictogram">🐱</div>

function moveCat(direction) {
      switch (direction) {
        case 'left':
          if (position.x > 10) position.x -= 10;
          break;
        case 'up':
          if (position.y > 10) position.y -= 10;
          break;
        case 'right':
          if (position.x < 90) position.x += 10;
          break;
        case 'down':
          if (position.y < 90) position.y += 10;
          break;
      }

cat.style.left = position.x + '%';
      cat.style.top = position.y + '%';
    }

cat.addEventListener('click', function() {
      var direction = prompt('Enter a direction (left, up, right, down):');
      moveCat(direction);
    });
  </script>
</body>
</html>
```

Please note that the URL placeholders (`https://example.com/left.png`, `https://example.com/up.png`, `https://example.com/right.png`, `https://example.com/down.png`) should be replaced with the actual URLs of the pictograms you want to use.