Growing Contest (Mia, Xia & Tia Drinked Growing Potion)'s game

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

No:48261

←

Prev Next

→

Growing Contest (Mia, Xia & Tia Drinked Growing Po..ALL
Developer User20657｜Date and time 24/3/1 20:27:47
Build time 7.354 sec｜Game capacity 2.101KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Растущее соревнование</title>
</head>
<body>
   <canvas id="gameCanvas" width="800" height="600"></canvas>
   <script>
       // Определение переменных
       let canvas = document.getElementById("gameCanvas");
       let ctx = canvas.getContext("2d");

let miaHeight = 100;
       let xiaHeight = 100;
       let tiaHeight = 100;

// Изображение пиктограммы для каждого персонажа
       let miaImg = new Image();
       let xiaImg = new Image();
       let tiaImg = new Image();

miaImg.src = "mia.png";
       xiaImg.src = "xia.png";
       tiaImg.src = "tia.png";

// Функция для отрисовки персонажей
       function drawCharacters() {
           ctx.drawImage(miaImg, 50, canvas.height - miaHeight, 100, miaHeight);
           ctx.drawImage(xiaImg, 300, canvas.height - xiaHeight, 100, xiaHeight);
           ctx.drawImage(tiaImg, 550, canvas.height - tiaHeight, 100, tiaHeight);
       }

// Функция для увеличения высоты персонажей
       function growCharacters() {
           miaHeight += Math.floor(Math.random() * 10);
           xiaHeight += Math.floor(Math.random() * 10);
           tiaHeight += Math.floor(Math.random() * 10);
       }

// Основной игровой цикл
       function gameLoop() {
           ctx.clearRect(0, 0, canvas.width, canvas.height);

growCharacters();
           drawCharacters();

if (miaHeight >= 300 || xiaHeight >= 300 || tiaHeight >= 300) {
               alert("Игра окончена! Победил самый высокий персонаж.");
           } else {
               requestAnimationFrame(gameLoop);
           }
       }

// Запуск игры
       miaImg.onload = function() {
           xiaImg.onload = function() {
               tiaImg.onload = function() {
                   gameLoop();
               }
           }
       }
   </script>
</body>
</html>