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

No:36614

←

Prev Next

→

Untitled goose game
Developer User16766｜Date and time 24/1/18 2:46:57
Build time 12.764 sec｜Game capacity 3.284KB｜

Script

Sure! Here's a basic implementation of the popular game "Untitled Goose Game" using HTML, CSS, and JavaScript:

Untitled Goose Game

You win!

To use this, save the code above in a file with the extension `.html`. You'll also need to provide the image files `emozi_bear.png` and `emozi_chicken.png` (or update the CSS accordingly with the correct image URLs). Once you open the HTML file in a web browser, you should be able to play the game by clicking on the goose and try to make it reach the target area. Note: This is a basic implementation and lacks some features that the original game might have, but it should give you a starting point. Feel free to enhance the code and add more gameplay elements if desired.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a basic implementation of the popular game "Untitled Goose Game" using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Untitled Goose Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game {
            width: 400px;
            margin: 0 auto;
            padding-top: 100px;
        }
        
        #goose {
            width: 100px;
            height: 100px;
            background-image: url('goose.png');
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            transition: 0.3s;
        }
        
        #target {
            width: 50px;
            height: 50px;
            background-image: url('target.png');
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            top: 200px;
            left: 200px;
        }
        
        #win-message {
            display: none;
            font-size: 24px;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Untitled Goose Game</h1>
    <div id="game">
        <div id="goose"></div>
        <div id="target"></div>
        <div id="win-message">You win!</div>
    </div>

goose.addEventListener('click', function() {
                moveGoose();
            });

function moveGoose() {
                const x = Math.floor(Math.random() * 300);
                const y = Math.floor(Math.random() * 300);
                
                goose.style.top = `${y}px`;
                goose.style.left = `${x}px`;

if (checkCollision()) {
                    winMessage.style.display = 'block';
                    goose.style.display = 'none';
                }
            }

function checkCollision() {
                const gooseRect = goose.getBoundingClientRect();
                const targetRect = target.getBoundingClientRect();

return !(
                    gooseRect.bottom < targetRect.top ||
                    gooseRect.top > targetRect.bottom ||
                    gooseRect.right < targetRect.left ||
                    gooseRect.left > targetRect.right
                )
            }
        });
    </script>
</body>
</html>
```

To use this, save the code above in a file with the extension `.html`. You'll also need to provide the image files `goose.png` and `target.png` (or update the CSS accordingly with the correct image URLs). Once you open the HTML file in a web browser, you should be able to play the game by clicking on the goose and try to make it reach the target area.

Note: This is a basic implementation and lacks some features that the original game might have, but it should give you a starting point. Feel free to enhance the code and add more gameplay elements if desired.