Make a game where you can tame elemental monster and make them fight Grass is week to fire fire is week to Water and water is week to grass's game

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

No:44963

100

←

Prev Next

→

Make a game where you can tame elemental monster a..ALL
Developer User19520｜Date and time 24/2/19 19:58:48
Build time 6.678 sec｜Game capacity 1.498KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Elemental Monster Tamer Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const grassImage = new Image();
    grassImage.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/seedling_1f331.png';
    const fireImage = new Image();
    fireImage.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/fire_1f525.png';
    const waterImage = new Image();
    waterImage.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/droplet_1f4a7.png';

const monsters = {
      grass: {
        strength: 'weak',
        image: grassImage
      },
      fire: {
        strength: 'weak',
        image: fireImage
      },
      water: {
        strength: 'weak',
        image: waterImage
      }
    };

const playerMonsters = [];
    const enemyMonsters = [];

function drawMonster(monster, x, y) {
      ctx.drawImage(monster.image, x, y, 50, 50);
    }

function startGame() {
      const playerMonster = monsters['grass'];
      playerMonsters.push(playerMonster);

const enemyMonster = monsters['fire'];
      enemyMonsters.push(enemyMonster);
      
      drawMonster(playerMonster, 50, 200);
      drawMonster(enemyMonster, 300, 200);
    }

startGame();
  </script>
</body>
</html>