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

No:33298

123

←

Prev Next

→

Spawn 3 types of trolls corrupters,parasite feind ..ALL
Developer User7580｜Date and time 24/1/3 12:57:09
Build time 40.362 sec｜Game capacity 3.982KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML, JavaScript, and pictograms:

Troll Game

To play the game, simply open the HTML file in a web browser (preferably on a smartphone). The game window will display a spawn menu with buttons to spawn different types of trolls ("Corrupter", "Parasite", "Feind") and a "Spawn Greed" button to create objects that trolls can pick up. Once you spawn a troll, it will move around randomly within the game container. If any troll collides with a greed object, it will take damage, indicated by a change in color and a broken heart symbol. The game keeps track of the damage count at the bottom of the game window. Note: The game logic is simplified for demonstration purposes and can be further expanded and refined based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple implementation of the game you described using HTML, JavaScript, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
<title>Troll Game</title>
<style>
body {
  text-align: center;
}

#game-container {
  position: relative;
  height: 400px;
  border: 2px solid black;
  margin: 20px auto;
}

#spawn-menu {
  text-align: center;
  margin-bottom: 20px;
}

.troll {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: yellow;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
}

.object {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: green;
}

.damage {
  position: absolute;
  font-weight: bold;
  color: red;
}
</style>
</head>
<body>
<h1>Troll Game</h1>

<div id="spawn-menu">
  <button onclick="spawnTroll('Corrupter')">Spawn Corrupter</button>
  <button onclick="spawnTroll('Parasite')">Spawn Parasite</button>
  <button onclick="spawnTroll('Feind')">Spawn Feind</button>
  <button onclick="spawnGreed()">Spawn Greed</button>
</div>

function spawnTroll(type) {
  var troll = document.createElement("div");
  troll.className = "troll";
  troll.innerHTML = getTrollSymbol(type);
  
  var x = Math.random() * (400 - 50);
  var y = Math.random() * (400 - 50);
  troll.style.left = x + "px";
  troll.style.top = y + "px";
  
  document.getElementById("game-container").appendChild(troll);
  
  trolls.push({ type: type, elem: troll, x: x, y: y });
}

function getTrollSymbol(type) {
  if (type === "Corrupter") {
    return "👾";
  } else if (type === "Parasite") {
    return "🦠";
  } else if (type === "Feind") {
    return "😈";
  }
}

function spawnGreed() {
  var object = document.createElement("div");
  object.className = "object";
  
  var x = Math.random() * (400 - 25);
  var y = Math.random() * (400 - 25);
  object.style.left = x + "px";
  object.style.top = y + "px";
  
  document.getElementById("game-container").appendChild(object);
  
  objects.push({ elem: object, x: x, y: y });
}

function checkCollision(troll, object) {
  var trollRect = troll.elem.getBoundingClientRect();
  var objectRect = object.elem.getBoundingClientRect();
  
  if (
    trollRect.left < objectRect.right &&
    trollRect.top < objectRect.bottom &&
    trollRect.right > objectRect.left &&
    trollRect.bottom > objectRect.top
  ) {
    troll.elem.style.backgroundColor = "red";
    troll.elem.innerHTML = "💔";
    
    object.elem.remove();
    objects = objects.filter(obj => obj !== object);
    
    damageCount++;
    updateDamageCount();
  }
}

function updateDamageCount() {
  var damageElement = document.getElementById("damage-count");
  damageElement.innerHTML = "Damage Count: " + damageCount;
}

moveTrolls();
</script>
</body>
</html>
```

Once you spawn a troll, it will move around randomly within the game container. If any troll collides with a greed object, it will take damage, indicated by a change in color and a broken heart symbol.

The game keeps track of the damage count at the bottom of the game window.

Note: The game logic is simplified for demonstration purposes and can be further expanded and refined based on your specific requirements.