In the start of this game, you must touch a button to spawn helpers and enemy's. when you've spawned how much you want, the player will press the "start" button and enemys will start to attack the helpers, the helpers will deal 1 damage to the enemys as the enemys have 10 health. The enemys do 2 damage and the helpers have 10 health too. Once the enemys k○lled the helpers or the helpers k○lled the enemys the game ends.'s game

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

No:6389

141

←

Prev Next

→

In the start of this game, you must touch a button..ALL
Developer User3709｜Date and time 23/7/2 11:33:21
Build time 31.442 sec｜Game capacity 3.83KB｜

Script

Certainly! Here's a sample game that satisfy the given requirements:

This game uses HTML5 canvas to draw the helpers and enemies as rectangles. The helpers and enemies are stored in separate arrays, and their interactions (attacks) are handled in the animation loop. The game ends when either all helpers or all enemies are defeated. The game is started by touching the "Spawn Helpers & Enemies" button, and then the "Start Game" button.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Certainly! Here's a sample game that satisfy the given requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Helpers vs Enemies</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <button id="spawnButton">Spawn Helpers & Enemies</button>
  <button id="startButton" disabled>Start Game</button>

// Game variables
    let helpers = [];
    let enemies = [];
    let gameStarted = false;

// Helper class
    class Helper {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.health = 10;
      }

draw() {
        context.fillStyle = 'green';
        context.fillRect(this.x, this.y, 20, 20);
      }

attack(enemy) {
        enemy.health -= 1;
      }
    }

// Enemy class
    class Enemy {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.health = 10;
      }

draw() {
        context.fillStyle = 'red';
        context.fillRect(this.x, this.y, 20, 20);
      }

attack(helper) {
        helper.health -= 2;
      }
    }

// Spawn helpers and enemies on button click
    spawnButton.addEventListener('click', function() {
      for (let i = 0; i < 5; i++) {
        const helper = new Helper(Math.random() * 380, Math.random() * 380);
        const enemy = new Enemy(Math.random() * 380, Math.random() * 380);
        helpers.push(helper);
        enemies.push(enemy);
        helper.draw();
        enemy.draw();
      }
      startButton.disabled = false;
    });

// Start game on button click
    startButton.addEventListener('click', function() {
      gameStarted = true;
      animate();
    });

// Game animation loop
    function animate() {
      if (!gameStarted) {
        return;
      }

context.clearRect(0, 0, canvas.width, canvas.height);

// Draw and update helpers
      for (let i = 0; i < helpers.length; i++) {
        const helper = helpers[i];
        helper.draw();

if (helper.health <= 0) {
          helpers.splice(i, 1);
          i--;
          continue;
        }

for (let j = 0; j < enemies.length; j++) {
          const enemy = enemies[j];
          if (enemy.health > 0) {
            helper.attack(enemy);

if (enemy.health <= 0) {
              enemies.splice(j, 1);
              j--;
            }
          }
        }
      }

// Draw and update enemies
      for (let i = 0; i < enemies.length; i++) {
        const enemy = enemies[i];
        enemy.draw();

if (enemy.health <= 0) {
          enemies.splice(i, 1);
          i--;
          continue;
        }

for (let j = 0; j < helpers.length; j++) {
          const helper = helpers[j];
          if (helper.health > 0) {
            enemy.attack(helper);

if (helper.health <= 0) {
              helpers.splice(j, 1);
              j--;
            }
          }
        }
      }

// Check game end conditions
      if (helpers.length === 0 || enemies.length === 0) {
        gameStarted = false;
        alert('Game Over!');
        return;
      }

requestAnimationFrame(animate);
    }
  </script>
</body>
</html>
```