Dads adventure to get milk part 2's game

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

No:37302

←

Prev Next

→

Dads adventure to get milk part 2
Developer User17003｜Date and time 24/1/21 0:31:29
Build time 15.473 sec｜Game capacity 4.126KB｜

Script

Sure, here's a simple game implementation of "Dad's Adventure to Get Milk Part 2" using JavaScript and HTML, designed for smartphone operation and utilizing pictograms:

Help Dad find the milk!

In this game, you will have to help Dad (represented by an image) find the milk (also represented by an image). Dad can move left, right, up, or down by clicking on the corresponding buttons displayed on the screen. The objective is to reach the milk within 20 steps. If Dad reaches the milk, a success message will be displayed. If Dad doesn't find the milk within the given steps, a failure message will be displayed. Note: You need to have "emozi_rabbit.png" and "emozi_apple.png" image files in the same location as the HTML file for the images to display properly.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's a simple game implementation of "Dad's Adventure to Get Milk Part 2" using JavaScript and HTML, designed for smartphone operation and utilizing pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }

#game-container {
            margin-top: 100px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#message {
            margin-bottom: 20px;
        }

#buttons-container {
            display: flex;
            justify-content: center;
        }

.button {
            margin: 10px;
            padding: 8px 12px;
            border: none;
            border-radius: 4px;
            background-color: #4CAF50;
            color: white;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div>
            <img src="dad.png" alt="Dad" width="100" height="100">
            <img src="milk.png" alt="Milk" width="100" height="100">
        </div>
        <div id="message">Help Dad find the milk!</div>
        <div id="buttons-container">
            <button class="button" onclick="move('left')">Left</button>
            <button class="button" onclick="move('right')">Right</button>
            <button class="button" onclick="move('up')">Up</button>
            <button class="button" onclick="move('down')">Down</button>
        </div>
    </div>

render();

render();
        }

function render() {
            var dadImage = document.querySelector('#game-container img:first-child');
            var milkImage = document.querySelector('#game-container img:last-child');
            dadImage.style.left = (dadPosition.x * 120 + 10) + 'px';
            dadImage.style.top = (dadPosition.y * 120 + 10) + 'px';
            milkImage.style.left = (milkPosition.x * 120 + 10) + 'px';
            milkImage.style.top = (milkPosition.y * 120 + 10) + 'px';
        }

function endGame(foundMilk) {
            var message = document.querySelector('#message');
            var buttonsContainer = document.querySelector('#buttons-container');
            buttonsContainer.innerHTML = '';
            message.innerHTML = foundMilk ? 'You found the milk! Dad succeeded!' : 'No milk found. Dad gave up.';
        }

function getRandomPosition() {
            return Math.floor(Math.random() * 5);
        }
    </script>
</body>
</html>
```

Note: You need to have "dad.png" and "milk.png" image files in the same location as the HTML file for the images to display properly.