Play as a dog and run from an evil octopus assassin's game

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

No:20160

207

←

Prev Next

→

Play as a dog and run from an evil octopus assassi..ALL
Developer User8969｜Date and time 23/10/8 16:57:33
Build time 19.436 sec｜Game capacity 3.118KB｜

Script

Sure! Here's a simple implementation of the game where you play as a dog and try to run away from an evil octopus assassin. The game will be displayed as pictograms. Please note that the following implementation is a basic example and could be expanded upon for enhanced gameplay.

In this game, you can control the movement of the dog by using the arrow keys on your smartphone. The objective is to avoid the octopus assassin moving towards the bottom right corner of the game area. If the dog collides with the octopus assassin, a game over message will be displayed. Note: The code assumes you have the image files "emozi_all/dog.png" and "emozi_all/octopus.png" in the same directory as the HTML file. Please make sure to replace the image file names with your own image files or use appropriate image references.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dog Run Game</title>
  <style>
    #game-area {
      width: 500px;
      height: 500px;
      border: 1px solid black;
      position: relative;
    }
    
    #dog {
      width: 50px;
      height: 50px;
      position: absolute;
    }
    
    #octopus-assassin {
      width: 50px;
      height: 50px;
      position: absolute;
      right: 0;
      bottom: 0;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <img id="dog" src="dog.png" alt="Dog">
    <img id="octopus-assassin" src="octopus.png" alt="Octopus Assassin">
  </div>
  
  <script>
    // Getting the necessary elements
    const gameArea = document.getElementById('game-area');
    const dog = document.getElementById('dog');
    const octopusAssassin = document.getElementById('octopus-assassin');
    
    // Variables to control dog movement
    let dogX = 0;
    let dogY = 0;
    const dogSpeed = 10;
    
    // Function to handle keypress events for dog movement
    function moveDog(event) {
      switch (event.keyCode) {
        case 37: // Left arrow key
          dogX -= dogSpeed;
          break;
        case 38: // Up arrow key
          dogY -= dogSpeed;
          break;
        case 39: // Right arrow key
          dogX += dogSpeed;
          break;
        case 40: // Down arrow key
          dogY += dogSpeed;
          break;
        default:
          return;
      }
      
      // Updating the dog's position
      dog.style.left = dogX + 'px';
      dog.style.top = dogY + 'px';
      
      // Checking collision with octopus-assassin
      if (isColliding()) {
        alert('Game Over! The evil octopus assassin got you.');
      }
    }
    
    // Function to check collision between dog and octopus-assassin
    function isColliding() {
      const dogRect = dog.getBoundingClientRect();
      const octopusRect = octopusAssassin.getBoundingClientRect();
      
      return !(
        dogRect.top > octopusRect.bottom ||
        dogRect.bottom < octopusRect.top ||
        dogRect.right < octopusRect.left ||
        dogRect.left > octopusRect.right
      );
    }
    
    // Starting the game
    function startGame() {
      window.addEventListener('keydown', moveDog);
    }
    
    // Running the game
    startGame();
  </script>
</body>
</html>
```

Note: The code assumes you have the image files "dog.png" and "octopus.png" in the same directory as the HTML file. Please make sure to replace the image file names with your own image files or use appropriate image references.