A game where you can take care of a Five Little kids You can throw them by swiping and taking your finger off the screen Add a Weather cycle Moon cycle and the sun Cycle Make it so you can be in a house are Go in the backyard aree Watch your kids play Anything's game

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

No:17667

109

←

Prev Next

→

A game where you can take care of a Five Little ki..ALL
Developer User7456｜Date and time 23/9/24 7:20:46
Build time 34.773 sec｜Game capacity 4.296KB｜

Script

Sure! Here's a basic implementation of the game you described:

This is a simple game where you can take care of five little kids. The kids are represented as circles with numbers inside them. To throw a kid, swipe from one position to another on the screen. If a kid is within the swipe area, it will be thrown in a random direction. The kids will move back to their original position after being thrown. You can modify and expand the game based on your requirements, like adding weather and moon or sun cycles. Note: This implementation assumes the usage of a touchscreen device like a smartphone.

←

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 game you described:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Five Little Kids Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 400px;
            background-color: #cceeff;
        }

.kid {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #ffcc66;
            border: 2px solid #333333;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

// Create the game container
        var gameContainer = document.getElementById("game-container");

// Create kids and add them to the container
        for (var i = 0; i < kids.length; i++) {
            var kid = document.createElement("div");
            kid.classList.add("kid");
            kid.innerText = kids[i].id;
            kid.style.left = kids[i].x + 'px';
            kid.style.top = kids[i].y + 'px';
            gameContainer.appendChild(kid);
        }

// Add swipe event listeners
        var startX, startY, startTime;

gameContainer.addEventListener("touchstart", function(event) {
            var touch = event.touches[0];
            startX = touch.clientX;
            startY = touch.clientY;
            startTime = new Date().getTime();
        });

gameContainer.addEventListener("touchend", function(event) {
            var touch = event.changedTouches[0];
            var endX = touch.clientX;
            var endY = touch.clientY;
            var endTime = new Date().getTime();

var swipeDistance = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2));
            var swipeDuration = endTime - startTime;

if (swipeDistance > 50 && swipeDuration < 1000) {
                // Swipe event occurred
                var kidsContainer = document.querySelectorAll(".kid");
                kidsContainer.forEach(function(kid) {
                    var kidRect = kid.getBoundingClientRect();
                    var kidX = kidRect.left + kidRect.width / 2;
                    var kidY = kidRect.top + kidRect.height / 2;

if (kidX > startX && kidX < endX && kidY > startY && kidY < endY) {
                        // The kid is within the swipe area
                        throwKid(kid);
                    }
                });
            }
        });

// Function to throw the kid
        function throwKid(kid) {
            var maxDistance = 150;
            var throwDistance = Math.random() * maxDistance + 50; // Random distance between 50 and maxDistance

var kidRect = kid.getBoundingClientRect();
            var kidX = kidRect.left + kidRect.width / 2;
            var kidY = kidRect.top + kidRect.height / 2;

var throwX = kidX + Math.random() * throwDistance * 2 - throwDistance;
            var throwY = kidY + Math.random() * throwDistance * 2 - throwDistance;

kid.style.transition = "transform 0.5s ease";
            kid.style.transform = "translate(" + (throwX - kidX) + "px, " + (throwY - kidY) + "px) scale(0.5)";

setTimeout(function() {
                kid.style.transition = "";
                kid.style.transform = "";
            }, 500);
        }
    </script>
</body>
</html>
```

Note: This implementation assumes the usage of a touchscreen device like a smartphone.