Um jogo de construir com vários blocos's game

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

No:52007

←

Prev Next

→

Um jogo de construir com vários blocos
Developer User19080｜Date and time 24/3/17 10:24:24
Build time 3.552 sec｜Game capacity 1.213KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Construir Blocos</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    let blocks = [];
    
    function createBlock(x, y) {
      ctx.fillStyle = "red";
      ctx.fillRect(x, y, 50, 50);
      
      let block = {
        x: x,
        y: y,
        width: 50,
        height: 50
      };
      
      blocks.push(block);
    }
    
    function drawBlocks() {
      for (let i = 0; i < blocks.length; i++) {
        let block = blocks[i];
        ctx.fillStyle = "red";
        ctx.fillRect(block.x, block.y, block.width, block.height);
      }
    }
    
    canvas.addEventListener("click", function(event) {
      let mouseX = event.clientX - canvas.getBoundingClientRect().left;
      let mouseY = event.clientY - canvas.getBoundingClientRect().top;
      
      createBlock(mouseX, mouseY);
    });
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawBlocks();
      
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  </script>
</body>
</html>