A playable game where you are a dog and you climb a tree's game

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

No:25959

←

Prev Next

→

A playable game where you are a dog and you climb ..ALL
Developer User12706｜Date and time 23/11/25 15:44:49
Build time 77.592 sec｜Game capacity 2.856KB｜

Script

Sure! Here's an example of a playable game where you can control a dog and help it climb a tree using JavaScript and pictograms. You can open this code in a single HTML file and it will work in most modern web browsers:

Score: 0

To use this code, save it into a single HTML file (e.g., `dog_climbing_game.html`) and also save an image of a dog called `emozi_all/dog.png` in the same directory as the HTML file. Then, open the HTML file in a web browser (preferably on a smartphone) to play the game. In this game, you control a dog represented by a pictogram. Pressing the up arrow key will make the dog climb up the tree. The objective is to reach the top of the tree, which triggers an alert message. Your current score is displayed at the top. Please note that the code snippet provided is a simplified example and may need modifications or enhancements based on your specific requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dog Tree Climbing Game</title>
  <style>
    /* CSS to style the game display */
    #game {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }

#dog {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background-image: url('dog.png');
      background-size: contain;
    }

#tree {
      width: 20px;
      height: 400px;
      background-color: brown;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

#score {
      text-align: center;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="dog"></div>
    <div id="tree"></div>
  </div>
  <div id="score">Score: 0</div>

// Set initial variables
    var dog = document.getElementById('dog');
    var tree = document.getElementById('tree');
    var scoreDisplay = document.getElementById('score');
    var score = 0;

// Set up dog movement
    window.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp' && dog.style.bottom !== '350px') {
        // move dog up if it's not already at the top
        dog.style.bottom = parseInt(dog.style.bottom, 10) + 50 + 'px';
        score += 1; // increment score
        scoreDisplay.textContent = 'Score: ' + score;
      }
    });

// Function to check if the dog has reached the top of the tree
    function checkWin() {
      if (dog.style.bottom === '350px') {
        alert('Congratulations! You made it to the top of the tree!');
        score = 0; // reset score
        scoreDisplay.textContent = 'Score: ' + score;
        dog.style.bottom = '0';
      }
    }

// Set up interval to check win condition periodically
    setInterval(checkWin, 100);
  </script>
</body>
</html>
```

To use this code, save it into a single HTML file (e.g., `dog_climbing_game.html`) and also save an image of a dog called `dog.png` in the same directory as the HTML file. Then, open the HTML file in a web browser (preferably on a smartphone) to play the game.

In this game, you control a dog represented by a pictogram. Pressing the up arrow key will make the dog climb up the tree. The objective is to reach the top of the tree, which triggers an alert message. Your current score is displayed at the top.

Please note that the code snippet provided is a simplified example and may need modifications or enhancements based on your specific requirements and preferences.