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

No:37450

←

Prev Next

→

dogs of the east
Developer User17003｜Date and time 24/1/21 4:04:53
Build time 8.771 sec｜Game capacity 2.34KB｜

Script

As a programmer, here's an example of how you can create a simple game called "Dogs of the East" using HTML and JavaScript.

Dogs of the East

Score: 0

In this game, a dog pictogram is displayed randomly within a game area represented by the `game-wrapper` div. The goal is to click on the dog pictogram to increase the score. The game starts when the "Start" button is clicked, and the dog moves randomly every second. The score is displayed and updated accordingly.

←

Prev　Next

→ 　

Back　

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

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

As a programmer, here's an example of how you can create a simple game called "Dogs of the East" using HTML and JavaScript.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dogs of the East Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    img {
      width: 100px;
    }
    button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 16px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Dogs of the East</h1>
  
  <h2 id="score">Score: 0</h2>
  
  <div id="game-wrapper">
    <img src="dog.png" id="dog" alt="Dog">
  </div>
  
  <button id="start-button">Start</button>
  
  <script>
    // Game logic
    var score = 0;
    var isGameRunning = false;
    
    function startGame() {
      if (isGameRunning) return;
      
      isGameRunning = true;
      score = 0;
      document.getElementById("score").textContent = "Score: " + score;
      
      var gameWrapper = document.getElementById("game-wrapper");
      
      // Function to move the dog randomly
      function moveDog() {
        var maxWidth = gameWrapper.clientWidth - 100;
        var maxHeight = gameWrapper.clientHeight - 100;
        
        var randomPosX = Math.floor(Math.random() * maxWidth);
        var randomPosY = Math.floor(Math.random() * maxHeight);
        
        gameWrapper.style.setProperty("--dog-pos-x", randomPosX + "px");
        gameWrapper.style.setProperty("--dog-pos-y", randomPosY + "px");
        
        setTimeout(moveDog, 1000);
      }
      
      moveDog();
    }
    
    function increaseScore() {
      if (!isGameRunning) return;
      
      score++;
      document.getElementById("score").textContent = "Score: " + score;
    }
    
    // Event listeners
    document.getElementById("start-button").addEventListener("click", startGame);
    document.getElementById("dog").addEventListener("click", increaseScore);
  </script>
</body>
</html>
```