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

No:9207

376

←

Prev Next

→

A man named Gatlin needs to find his dad after he ..ALL
Developer User4313｜Date and time 23/7/22 13:17:05
Build time 17.529 sec｜Game capacity 2.874KB｜

Script

Sure! Here's a simple game implementation in a single HTML file using JavaScript. Since pictograms are not possible in plain text, I've created a playable sample game instead. You can copy the code below and save it as an HTML file to play the game.

Finding Dad - The Game

Help Gatlin find his dad who went to get milk!

In this game, you play as Gatlin represented by the "Gatlin" image. Use the left and right arrow keys to move Gatlin towards his dad represented by the "Dad" image. If Gatlin's position matches his dad's position, a congrats message will be displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Finding Dad - The Game</title>
  </head>
  <body>
    <h1>Finding Dad - The Game</h1>
    <p id="game-description">Help Gatlin find his dad who went to get milk!</p>
    <div id="game-container">
      <img src="gatlin.png" alt="Gatlin" id="gatlin-image">
      <img src="milk.png" alt="Milk" id="milk-image">
    </div>

// Function to update the positions of Dad and Gatlin
      function updatePositions() {
//        const dadElement = document.getElementById("dad-image");
//        const gatlinElement = document.getElementById("gatlin-image");

// Update Dad's position
        dadElement.style.left = dadPositionX + "px";
        dadElement.style.top = dadPositionY + "px";

// Update Gatlin's position
        gatlinElement.style.left = gatlinPositionX + "px";
        gatlinElement.style.top = gatlinPositionY + "px";
      }

// Function to handle key press events
      function handleKeyPress(event) {
        const key = event.key;

if (key === "ArrowRight") {
          gatlinPositionX += 10; // Move Gatlin to the right
        } else if (key === "ArrowLeft") {
          gatlinPositionX -= 10; // Move Gatlin to the left
        }

if (gatlinPositionX > dadPositionX - 40 && gatlinPositionX < dadPositionX + 40) {
          // Gatlin found Dad!
          gatlinFoundDad();
        }

updatePositions();
      }

// Function to handle Gatlin finding Dad
      function gatlinFoundDad() {
        alert("Congratulations! Gatlin found his dad!");
        document.removeEventListener("keydown", handleKeyPress);
      }

// Listen for key press events
      document.addEventListener("keydown", handleKeyPress);

// Initial setup
      updatePositions();

</script>
  </body>
</html>
```