Tap the spawn menu to see what you can spawn. You can spawn a90 it selects a random creature on screen and attacks it when there moving it does 3000000000000 damage. You can also spawn human they move around. You can spawn rush basically he moves fastlh towards something and k○lls it on collision's game

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

No:33312

←

Prev Next

→

Tap the spawn menu to see what you can spawn. You ..ALL
Developer User7580｜Date and time 24/1/3 13:19:35
Build time 53.284 sec｜Game capacity 7.344KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>My Game</title>
  </head>
  <body>
    <script>
      // Initialize game variables
      
      var creatures = []; // Array to store all creatures on screen
      
      // Define Creature class
      
      class Creature {
        constructor(name, power) {
          this.name = name;
          this.power = power;
        }
      }
      
      // Spawn a random creature and attack it when moving
      
      function spawnRandomCreature() {
        var creaturesOnScreen = document.getElementsByClassName('creature');
        var randomIndex = Math.floor(Math.random() * creaturesOnScreen.length);
        var creature = creaturesOnScreen[randomIndex];
        
        // Perform attack when creature is moving
        
        creature.addEventListener('mousemove', function() {
          creature.style.color = 'red'; // Just to visualize the attack
          creature.style.fontSize = '50px'; // Just to visualize the attack
          attackCreature(creature, 3000000000000); // Attack the selected creature
        });
      }
      
      // Spawn a human that moves around
      
      function spawnHuman() {
        var human = document.createElement('img');
        human.src = 'human.png'; // Assuming there is an image file "human.png"
        human.classList.add('human');
        human.style.position = 'absolute';
        human.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
        human.style.top = Math.floor(Math.random() * window.innerHeight) + 'px';
        document.body.appendChild(human);
        
        creatures.push(human);
        
        setInterval(function() {
          var randomDirection = Math.floor(Math.random() * 4);
          
          switch (randomDirection) {
            case 0: // Move Up
              human.style.top = parseInt(human.style.top) - 50 + 'px';
              break;
            case 1: // Move Right
              human.style.left = parseInt(human.style.left) + 50 + 'px';
              break;
            case 2: // Move Down
              human.style.top = parseInt(human.style.top) + 50 + 'px';
              break;
            case 3: // Move Left
              human.style.left = parseInt(human.style.left) - 50 + 'px';
              break;
          }
        }, 1000);
      }
      
      // Spawn a rush that moves towards something and kills it on collision
      
      function spawnRush() {
        var rush = document.createElement('img');
        rush.src = 'rush.png'; // Assuming there is an image file "rush.png"
        rush.classList.add('rush');
        rush.style.position = 'absolute';
        rush.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
        rush.style.top = Math.floor(Math.random() * window.innerHeight) + 'px';
        document.body.appendChild(rush);
        
        creatures.push(rush);
        
        setInterval(function() {
          var closestCreature = findClosestCreature(rush);
          
          // Move towards the closest creature
          
          if (closestCreature) {
            var rushX = parseInt(rush.style.left) + rush.offsetWidth / 2;
            var rushY = parseInt(rush.style.top) + rush.offsetHeight / 2;
            var creatureX = parseInt(closestCreature.style.left) + closestCreature.offsetWidth / 2;
            var creatureY = parseInt(closestCreature.style.top) + closestCreature.offsetHeight / 2;

if (rushX < creatureX) {
              rush.style.left = parseInt(rush.style.left) + 50 + 'px';
            } else if (rushX > creatureX) {
              rush.style.left = parseInt(rush.style.left) - 50 + 'px';
            }

if (rushY < creatureY) {
              rush.style.top = parseInt(rush.style.top) + 50 + 'px';
            } else if (rushY > creatureY) {
              rush.style.top = parseInt(rush.style.top) - 50 + 'px';
            }
          }
          
          // Check for collision with the closest creature
          
          if (closestCreature && checkCollision(rush, closestCreature)) {
            attackCreature(closestCreature, 100); // Assuming attack power is 100
          }
        }, 1000);
      }
      
      // Find the closest creature from the given element
      
      function findClosestCreature(element) {
        var closestDistance = Infinity;
        var closestCreature = null;
        
        for (var i = 0; i < creatures.length; i++) {
          var creature = creatures[i];
          if (creature !== element) {
            var distance = calculateDistance(element, creature);
            if (distance < closestDistance) {
              closestDistance = distance;
              closestCreature = creature;
            }
          }
        }
        
        return closestCreature;
      }
      
      // Calculate the distance between two elements
      
      function calculateDistance(element1, element2) {
        var element1X = parseInt(element1.style.left) + element1.offsetWidth / 2;
        var element1Y = parseInt(element1.style.top) + element1.offsetHeight / 2;
        var element2X = parseInt(element2.style.left) + element2.offsetWidth / 2;
        var element2Y = parseInt(element2.style.top) + element2.offsetHeight / 2;
        
        var distance = Math.sqrt(Math.pow(element2X - element1X, 2) + Math.pow(element2Y - element1Y, 2));
        
        return distance;
      }
      
      // Check if two elements are colliding
      
      function checkCollision(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();
        
        return (
          rect1.top <= rect2.bottom &&
          rect1.bottom >= rect2.top &&
          rect1.left <= rect2.right &&
          rect1.right >= rect2.left
        );
      }
      
      // Element attack function
      
      function attackCreature(creature, damage) {
        // Perform attack on the creature
        console.log("Attacking " + creature.classList[0] + " with damage " + damage + "!");
      }
      
      // Game start function
      
      function startGame() {
        // Spawn menu
        var spawnMenu = document.createElement('div');
        spawnMenu.style.position = 'fixed';
        spawnMenu.style.top = '10px';
        spawnMenu.style.left = '10px';
        spawnMenu.style.padding = '10px';
        spawnMenu.style.backgroundColor = 'lightgray';
        
        var spawnRandomButton = document.createElement('button');
        spawnRandomButton.innerHTML = 'Spawn Random Creature';
        spawnRandomButton.addEventListener('click', spawnRandomCreature);
        
        var spawnHumanButton = document.createElement('button');
        spawnHumanButton.innerHTML = 'Spawn Human';
        spawnHumanButton.addEventListener('click', spawnHuman);
        
        var spawnRushButton = document.createElement('button');
        spawnRushButton.innerHTML = 'Spawn Rush';
        spawnRushButton.addEventListener('click', spawnRush);
        
        spawnMenu.appendChild(spawnRandomButton);
        spawnMenu.appendChild(spawnHumanButton);
        spawnMenu.appendChild(spawnRushButton);
        
        document.body.appendChild(spawnMenu);
      }
      
      // Call game start function
      
      startGame();
  
    </script>
  </body>
</html>