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

No:37298

Dazz adventure to get milk part 2
Developer User17003｜Date and time 24/1/21 0:30:30
Build time 9.041 sec｜Game capacity 2.318KB｜

Script

Dazz Adventure: Get Milk - Part 2

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Dazz Adventure: Get Milk - Part 2</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      h1 {
        font-size: 28px;
        margin-bottom: 20px;
      }
      img {
        width: 150px;
        height: 150px;
        margin: 20px;
      }
      button {
        padding: 10px 20px;
        font-size: 18px;
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Dazz Adventure: Get Milk - Part 2</h1>
    <img id="dazzImage" src="dazz.png" alt="Dazz">
    <button onclick="move('left')">←</button>
    <button onclick="move('up')">↑</button>
    <button onclick="move('down')">↓</button>
    <button onclick="move('right')">→</button>
    <script>
      // Game State
      var playerPositionX = 250;
      var playerPositionY = 250;
      var milkPositionX = Math.floor(Math.random() * 500 + 50);
      var milkPositionY = Math.floor(Math.random() * 500 + 50);
      
      // Game Functions
      function move(direction) {
        switch (direction) {
          case 'left':
            playerPositionX -= 10;
            break;
          case 'up':
            playerPositionY -= 10;
            break;
          case 'down':
            playerPositionY += 10;
            break;
          case 'right':
            playerPositionX += 10;
            break;
        }
        checkCollision();
        render();
      }
      
      function checkCollision() {
        var distance = Math.sqrt(
          Math.pow(playerPositionX - milkPositionX, 2) +
          Math.pow(playerPositionY - milkPositionY, 2)
        );
        if (distance < 30) {
          alert("Congratulations! You found the milk.");
          resetGame();
        }
      }
      
      function resetGame() {
        playerPositionX = 250;
        playerPositionY = 250;
        milkPositionX = Math.floor(Math.random() * 500 + 50);
        milkPositionY = Math.floor(Math.random() * 500 + 50);
        render();
      }
      
      function render() {
        var dazzImage = document.getElementById("dazzImage");
        dazzImage.style.left = playerPositionX + "px";
        dazzImage.style.top = playerPositionY + "px";
      }
      
      // Initialize game
      render();
    </script>
  </body>
</html>