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 Make animations's game

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

No:17668

107

←

Prev Next

→

A game where you can take care of a Five Little ki..ALL
Developer User7456｜Date and time 23/9/24 7:21:54
Build time 43.258 sec｜Game capacity 4.857KB｜

Script

Sure! Here is an example of a simple game where you can take care of five little kids by throwing them around using swipe gestures. It also includes a weather cycle, moon cycle, and sun cycle. The game is enclosed within script tags and implemented as a single HTML file.

This game allows you to interact with the little kids by swiping and throwing them around the game area. The game also includes a weather cycle (sunny, rainy, cloudy), moon cycle (full moon, half moon, new moon), and sun cycle (sunrise, day, sunset, night). The weather cycle is updated every 5 seconds, the moon cycle every 10 seconds, and the sun cycle every 15 seconds. The game is optimized for mobile devices.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      position: relative;
      width: 500px;
      height: 500px;
      border: 1px solid #000;
      overflow: hidden;
    }
    .kid {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #00f;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      color: #fff;
      font-size: 20px;
    }
    
    #weather {
      position: absolute;
      top: 10px;
      left: 10px;
      color: #fff;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="kid">1</div>
    <div class="kid">2</div>
    <div class="kid">3</div>
    <div class="kid">4</div>
    <div class="kid">5</div>
  </div>
  <div id="weather"></div>

// Function to handle swipe gestures
    let touchStartX, touchEndX;
    gameBox.addEventListener('touchstart', function (event) {
      touchStartX = event.touches[0].clientX;
    });
    gameBox.addEventListener('touchend', function (event) {
      touchEndX = event.changedTouches[0].clientX;
      let swipeDistance = touchStartX - touchEndX;
      if (swipeDistance > 100) {
        throwKid('left');
      } else if (swipeDistance < -100) {
        throwKid('right');
      }
    });

// Function to throw a kid in a specified direction
    function throwKid(direction) {
      let kidToThrow = Math.floor(Math.random() * kids.length);
      let child = kids[kidToThrow];
      let parent = child.parentNode;
      let targetX = getRandomInt(50, gameBox.offsetWidth - 100);
      let targetY = getRandomInt(50, gameBox.offsetHeight - 100);
      
      let angle = Math.atan2(targetY - child.offsetTop, targetX - child.offsetLeft);
      let distance = Math.sqrt(Math.pow((targetX - child.offsetLeft), 2) + Math.pow((targetY - child.offsetTop), 2));
      let speed = 10; // Adjust speed as needed

let moveX = Math.cos(angle) * distance / speed;
      let moveY = Math.sin(angle) * distance / speed;

let interval = setInterval(frame, 10);

// Recycle thrown kid to the opposite side of the game box
      if (direction === 'left') {
        child.style.left = gameBox.offsetWidth + 'px';
      } else {
        child.style.left = -child.offsetWidth + 'px';
      }
      
      child.style.top = getRandomInt(10, gameBox.offsetHeight - child.offsetHeight) + 'px';
      parent.appendChild(child);
    }

// Function to get a random integer within a range
    function getRandomInt(min, max) {
      min = Math.ceil(min);
      max = Math.floor(max);
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// Function to update weather cycle
    function updateWeather() {
      weatherElement.textContent = weatherCycle[currentWeatherIndex];
      currentWeatherIndex = (currentWeatherIndex + 1) % weatherCycle.length;
    }

// Function to update moon cycle
    function updateMoon() {
      weatherElement.textContent = moonCycle[currentMoonIndex];
      currentMoonIndex = (currentMoonIndex + 1) % moonCycle.length;
    }

// Function to update sun cycle
    function updateSun() {
      weatherElement.textContent = sunCycle[currentSunIndex];
      currentSunIndex = (currentSunIndex + 1) % sunCycle.length;
    }

// Start game processing
    setInterval(updateWeather, 5000);
    setInterval(updateMoon, 10000);
    setInterval(updateSun, 15000);
  </script>
</body>
</html>
```