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

No:10202

150

A working walking monkey that walks and you have t..ALL
Developer User4464｜Date and time 23/7/29 8:40:16
Build time 15.157 sec｜Game capacity 2.469KB｜

Sure, here's an example of an HTML file containing a simple game with a walking monkey that the player can click on using JavaScript:

Walking Monkey Game

Please note that you would need to replace the `background-image` URL with the actual path to your monkey image. Additionally, make sure to have an image file named `emozi_all/background.png` in the same directory as your HTML file. This example uses CSS to position and style the monkey image. The JavaScript code defines three functions: 1. `getRandomPosition()` - This function returns random X and Y coordinates within the boundaries of the window, taking into account the size of the monkey image. 2. `moveMonkey()` - This function moves the monkey to a random position on the screen by setting its `left` and `top` CSS properties. 3. `clickMonkey()` - This function is triggered when the monkey is clicked, it calls `moveMonkey()` to reposition the monkey. Finally, the game starts by calling `moveMonkey()` to initially position the monkey.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure, here's an example of an HTML file containing a simple game with a walking monkey that the player can click on using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Walking Monkey Game</title>
  <style>
    #monkey {
      width: 100px;
      height: 100px;
      background-image: url('monkey.png'); /* Replace with the actual path to your monkey image */
      background-size: cover;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Walking Monkey Game</h1>
  <div id="monkey" onclick="clickMonkey()"></div>
  
  <script>
    // Function to generate random positions for the monkey
    function getRandomPosition() {
      var windowWidth = window.innerWidth;
      var windowHeight = window.innerHeight;
      var monkeyWidth = document.getElementById('monkey').offsetWidth;
      var monkeyHeight = document.getElementById('monkey').offsetHeight;
      
      var maxX = windowWidth - monkeyWidth;
      var maxY = windowHeight - monkeyHeight;
      
      var randomX = Math.floor(Math.random() * maxX);
      var randomY = Math.floor(Math.random() * maxY);
      
      return [randomX, randomY];
    }
    
    // Function to move the monkey to a random position
    function moveMonkey() {
      var monkey = document.getElementById('monkey');
      var pos = getRandomPosition();
      
      monkey.style.left = pos[0] + "px";
      monkey.style.top = pos[1] + "px";
    }
    
    // Function to handle the monkey click event
    function clickMonkey() {
      moveMonkey();
    }
    
    // Start the game by moving the monkey initially
    moveMonkey();
  </script>
</body>
</html>
```

Please note that you would need to replace the `background-image` URL with the actual path to your monkey image. Additionally, make sure to have an image file named `monkey.png` in the same directory as your HTML file.

This example uses CSS to position and style the monkey image. The JavaScript code defines three functions:
1. `getRandomPosition()` - This function returns random X and Y coordinates within the boundaries of the window, taking into account the size of the monkey image.
2. `moveMonkey()` - This function moves the monkey to a random position on the screen by setting its `left` and `top` CSS properties.
3. `clickMonkey()` - This function is triggered when the monkey is clicked, it calls `moveMonkey()` to reposition the monkey.

Finally, the game starts by calling `moveMonkey()` to initially position the monkey.