AI game creator

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

No:50765

156

←

Prev Next

→

Flower farming game
Developer User21395｜Date and time 24/3/9 14:29:03
Build time 3.869 sec｜Game capacity 1.192KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Flower Farming Game</title>
  </head>
  <body>
    <canvas id="flowerCanvas" width="400" height="400" style="border:1px solid black;"></canvas>
    
    <script>
    const canvas = document.getElementById('flowerCanvas');
    const ctx = canvas.getContext('2d');
    
    let flowers = [];
    
    class Flower {
      constructor(x, y, color){
        this.x = x;
        this.y = y;
        this.color = color;
      }
    }
    
    function createFlower(){
      const x = Math.random() * canvas.width;
      const y = Math.random() * canvas.height;
      const color = "#" + Math.floor(Math.random()*16777215).toString(16);
      const flower = new Flower(x, y, color);
      flowers.push(flower);
    }
    
    function drawFlowers(){
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      for(const flower of flowers){
        ctx.beginPath();
        ctx.arc(flower.x, flower.y, 20, 0, Math.PI * 2);
        ctx.fillStyle = flower.color;
        ctx.fill();
      }
    }
    
    function gameLoop(){
      createFlower();
      drawFlowers();
    }
    
    setInterval(gameLoop, 1000);
    
    </script>
  </body>
</html>