You control the character and collect points, and with the accumulated points you improve your house's game

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

No:52204

111

←

Prev Next

→

You control the character and collect points, and ..ALL
Developer User21792｜Date and time 24/3/18 20:06:17
Build time 7.901 sec｜Game capacity 2.039KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Home Upgrader Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let player = {
      x: 200,
      y: 200,
      size: 20,
      speed: 5,
      points: 0
    };

let house = {
      size: 100,
      level: 1
    };

function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, player.size, player.size);
    }

function drawHouse() {
      ctx.fillStyle = 'green';
      ctx.fillRect(canvas.width - house.size, canvas.height - house.size, house.size, house.size);
    }

function upgradeHouse() {
      house.level++;
      house.size += 50;
    }

function drawPoints() {
      ctx.fillStyle = 'black';
      ctx.font = '20px Arial';
      ctx.fillText(`Points: ${player.points}`, 10, 30);
    }

function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawHouse();
      drawPoints();
    }

document.addEventListener('keydown', movePlayer);

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