You have to move an imaginary hairdryer to fill the model's hair as quickly as possible within 15 seconds's game

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

No:32684

←

Prev Next

→

You have to move an imaginary hairdryer to fill th..ALL
Developer User15482｜Date and time 23/12/31 23:22:09
Build time 27.731 sec｜Game capacity 3.261KB｜

Script

Als Programmierer erstelle ich das Spiel "Haartrockner Füllen" gemäß den gegebenen Anforderungen. Hier ist der Code für das Spiel:

In diesem Spiel bewegt der Spieler den imaginären Haartrockner auf dem Bildschirm, um das Haar des Modells so schnell wie möglich innerhalb von 15 Sekunden zu füllen. Der Haartrockner kann nur innerhalb des Spielbereichs bewegt werden, der durch den Rahmen definiert ist. Der Punktestand wird erhöht, wenn der Haartrockner über das Haar des Modells bewegt wird. Dieses Spiel verwendet die Bild-URLs "emozi_bear.png" und "emozi_chicken.png" für das Aussehen des Haartrockners und des Haarmodells. Stellen Sie sicher, dass Sie die entsprechenden Bildressourcen bereitstellen und die URLs in den entsprechenden CSS-Regeln aktualisieren, damit das Spiel korrekt dargestellt wird. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Als Programmierer erstelle ich das Spiel "Haartrockner Füllen" gemäß den gegebenen Anforderungen. Hier ist der Code für das Spiel:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Haartrockner Füllen</title>
    <style>
        #gameContainer {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            position: relative;
        }
        
        #hairdryer {
            width: 50px;
            height: 50px;
            background-image: url('hairdryer.png');
            background-size: cover;
            position: absolute;
        }
        
        #hairModel {
            width: 300px;
            height: 300px;
            background-image: url('hairmodel.png');
            background-size: cover;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="hairdryer"></div>
        <div id="hairModel"></div>
    </div>
    
    <script>
        document.addEventListener("DOMContentLoaded", function(event) { 
            var hairdryer = document.getElementById("hairdryer");
            var hairModel = document.getElementById("hairModel");
            
            var gameTime = 15; // 15 seconds
            var score = 0;
            var timer;
            
            function startGame() {
                score = 0;
                hairdryer.style.left = "0px"; // Initial position of hairdryer
                timer = setInterval(updateGame, 1000);
            }
            
            function updateGame() {
                gameTime--;
                if (gameTime === 0) {
                    clearInterval(timer);
                    alert("Spiel beendet! Ergebnis: " + score + " Frisurpunkte");
                }
            }
            
            function moveHairDryer(event) {
                var x = event.touches[0].clientX - 25; // Adjusting for half the width of hairdryer
                var y = event.touches[0].clientY - 25; // Adjusting for half the height of hairdryer
                var containerRect = event.currentTarget.getBoundingClientRect();
                
                if (x >= 0 && y >= 0 && x <= containerRect.width - 50 && y <= containerRect.height - 50) {
                    hairdryer.style.left = x + "px";
                    hairdryer.style.top = y + "px";
                    score++;
                }
            }
            
            document.addEventListener("touchmove", moveHairDryer, false);
            startGame();
        });
    </script>
</body>
</html>
```

Dieses Spiel verwendet die Bild-URLs "hairdryer.png" und "hairmodel.png" für das Aussehen des Haartrockners und des Haarmodells. Stellen Sie sicher, dass Sie die entsprechenden Bildressourcen bereitstellen und die URLs in den entsprechenden CSS-Regeln aktualisieren, damit das Spiel korrekt dargestellt wird.

Viel Spaß beim Spielen!