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

No:40571

A game with complex levels where you are a kitten ..ALL
Developer User18196｜Date and time 24/2/3 14:49:09
Build time 11.227 sec｜Game capacity 3.121KB｜

Script

Sure! Here's a simple implementation of the game you described:

Kitten Treat Hunt

This game creates a 3x3 grid where the player controls a kitten using the arrow buttons on the grid. The goal is to find the treat (represented by a pictogram) hidden in one of the cells. Once the player finds the treat, they receive a message indicating that the kitten is growing up. Subsequent attempts to find the treat will result in a different message indicating that the kitten is already fully grown.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the game you described:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Kitten Treat Hunt</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    .game-board {
      display: inline-block;
    }
    
    .cell {
      width: 60px;
      height: 60px;
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      display: inline-block;
    }
    
    .kitten {
      background-image: url('kitten.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    .treat {
      background-image: url('treat.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Kitten Treat Hunt</h1>
  <div class="game-board">
    <div class="cell" onclick="move('up')"></div>
    <div class="cell" onclick="move('up')"></div>
    <div class="cell" onclick="move('up')"></div>
    <br/>
    <div class="cell" onclick="move('left')"></div>
    <div class="cell kitten"></div>
    <div class="cell" onclick="move('right')"></div>
    <br/>
    <div class="cell" onclick="move('down')"></div>
    <div class="cell" onclick="move('down')"></div>
    <div class="cell" onclick="move('down')"></div>
  </div>

// Move the kitten based on the direction
    function move(direction) {
      var newPosition;

switch (direction) {
        case 'up':
          newPosition = kittenPosition - 3;
          break;
        case 'down':
          newPosition = kittenPosition + 3;
          break;
        case 'left':
          newPosition = kittenPosition - 1;
          break;
        case 'right':
          newPosition = kittenPosition + 1;
          break;
      }

// Validate the new position
      if (newPosition >= 0 && newPosition < 9) {
        // Update the kitten position
        document.getElementsByClassName('cell')[kittenPosition].classList.remove('kitten');
        kittenPosition = newPosition;
        document.getElementsByClassName('cell')[kittenPosition].classList.add('kitten');

if (kittenPosition === treatPosition) {
          if (!treatFound) {
            // Treat found!
            treatFound = true;
            document.getElementsByClassName('cell')[treatPosition].classList.add('treat');
            alert('You found a treat! The kitten is growing up!');
          } else {
            // Treat already found
            alert('You already found the treat! The kitten is fully grown!');
          }
        }
      }
    }
  </script>
</body>
</html>
```