A game where you control a magic creature on a journey to collect all 150 magical creatures, to do so, you have to fight them into a weakend state's game

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

No:31491

←

Prev Next

→

A game where you control a magic creature on a jou..ALL
Developer User15151｜Date and time 23/12/27 4:57:41
Build time 28.323 sec｜Game capacity 3.848KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Collecting Magical Creatures</title>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// Player information
    const player = {
      x: 50,
      y: 50,
      width: 50,
      height: 50,
      speed: 5
    };

// Magical creatures
    const creatures = [
      { x: 100, y: 100, width: 30, height: 30, state: 'strong' },
      { x: 200, y: 200, width: 30, height: 30, state: 'strong' },
      // ... Add more creatures here
    ];

// Game loop
    function gameLoop() {
      update();
      draw();

requestAnimationFrame(gameLoop);
    }

// Updates the game state
    function update() {
      // Move player based on input
      if (leftKeyPressed) {
        player.x -= player.speed;
      }
      if (rightKeyPressed) {
        player.x += player.speed;
      }
      if (upKeyPressed) {
        player.y -= player.speed;
      }
      if (downKeyPressed) {
        player.y += player.speed;
      }

// Check if player has collided with any creatures
      for (let i = 0; i < creatures.length; i++) {
        const creature = creatures[i];

// Check for collision
        if (
          player.x < creature.x + creature.width &&
          player.x + player.width > creature.x &&
          player.y < creature.y + creature.height &&
          player.y + player.height > creature.y
        ) {
          if (creature.state === 'strong') {
            weakCreature(creature);
          } else if (creature.state === 'weak') {
            captureCreature(creature);
          }
        }
      }
    }

// Weakens a creature
    function weakCreature(creature) {
      creature.state = 'weak';
      // Display a message or perform action indicating the creature has been weakened
    }

// Captures a weakened creature
    function captureCreature(creature) {
      // Remove the creature from the array
      creatures.splice(creatures.indexOf(creature), 1);
      // Display a message or perform action indicating the creature has been captured
    }

// Draws the game elements
    function draw() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw creatures
      creatures.forEach(creature => {
        if (creature.state === 'strong') {
          // Draw a strong creature pictogram/icon
          ctx.fillStyle = 'green';
        } else if (creature.state === 'weak') {
          // Draw a weakened creature pictogram/icon
          ctx.fillStyle = 'yellow';
        }
        ctx.fillRect(creature.x, creature.y, creature.width, creature.height);
      });
    }

// Keyboard event listeners
    let leftKeyPressed = false;
    let rightKeyPressed = false;
    let upKeyPressed = false;
    let downKeyPressed = false;

// Start the game loop
    gameLoop();
  </script>
</body>
</html>