your a miner and Have to collect, Steel, iron, gold, diamonds, emeralds, fossils and even coppers, then sell them for Money's game

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

No:10958

189

←

Prev Next

→

your a miner and Have to collect, Steel, iron, gol..ALL
Developer User4715｜Date and time 23/8/5 23:57:26
Build time 46.228 sec｜Game capacity 5.739KB｜

Script

Berikut ini adalah contoh implementasi game yang memenuhi kriteria yang Anda berikan:

Game ini akan menampilkan layar permainan di dalam elemen `<canvas>`. Pemain dapat menggerakan karakter penambang dengan menggunakan tombol panah pada keyboard. Saat karakter penambang bergerak di atas sumber daya, sumber daya akan dikumpulkan. Pemain kemudian bisa menjual sumber daya dan mendapatkan uang. Sumber daya dan uang yang dimiliki akan ditampilkan di layar. Sumber daya seperti steel, iron, gold ditampilkan sebagai persegi panjang berwarna di arena permainan. Anda dapat menambahkan sumber daya lainnya sesuai keinginan.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Berikut ini adalah contoh implementasi game yang memenuhi kriteria yang Anda berikan:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Game Penambang</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var player = {
          x: 200,
          y: 200,
          width: 20,
          height: 20,
          color: "#0000FF",
        };

var resources = {
          steels: 0,
          irons: 0,
          golds: 0,
          diamonds: 0,
          emeralds: 0,
          fossils: 0,
          coppers: 0,
        };

var money = 25;

// Fungsi untuk menggambar karakter penambang
        function drawPlayer() {
          ctx.fillStyle = player.color;
          ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Fungsi untuk menggambar jumlah sumber daya dan uang
        function drawResources() {
          ctx.font = "14px Arial";

Object.keys(resources).forEach(function (resource, index) {
            ctx.fillStyle = "#000000";
            ctx.fillText(
              `${resource}: ${resources[resource]}`,
              10,
              20 * (index + 1)
            );
          });

ctx.fillStyle = "#000000";
          ctx.fillText(`Money: $${money}`, 10, 180);
        }

// Fungsi untuk menjual sumber daya
        function sellResources() {
          Object.keys(resources).forEach(function (resource) {
            money += resources[resource] * getResourceValue(resource);
            resources[resource] = 0;
          });
        }

// Fungsi untuk mendapatkan harga jual sumber daya
        function getResourceValue(resource) {
          switch (resource) {
            case "steel":
              return 10;
            case "iron":
              return 5;
            case "gold":
              return 15;
            case "diamonds":
              return 50;
            case "emeralds":
              return 30;
            case "fossils":
              return 8;
            case "coppers":
              return 3;
            default:
              return 0;
          }
        }

// Fungsi untuk menggerakan karakter penambang menggunakan input dari pengguna
        function movePlayer(keyCode) {
          // Tombol panah kiri
          if (keyCode === 37) {
            if (player.x > 0) {
              player.x -= 5;
            }
          }
          // Tombol panah kanan
          else if (keyCode === 39) {
            if (player.x < canvas.width - player.width) {
              player.x += 5;
            }
          }
          // Tombol panah atas
          else if (keyCode === 38) {
            if (player.y > 0) {
              player.y -= 5;
            }
          }
          // Tombol panah bawah
          else if (keyCode === 40) {
            if (player.y < canvas.height - player.height) {
              player.y += 5;
            }
          }
        }

// Fungsi untuk mendapatkan sumber daya ketika karakter penambang bergerak di atasnya
        function collectResource() {
          Object.keys(resources).forEach(function (resource) {
            if (
              player.x + player.width > resources[resource].x &&
              player.x < resources[resource].x + resources[resource].width &&
              player.y + player.height > resources[resource].y &&
              player.y < resources[resource].y + resources[resource].height
            ) {
              resources[resource]++;
              updateResources(resource);
            }
          });
        }

// Fungsi untuk memperbarui tampilan sumber daya saat dikumpulkan
        function updateResources(resource) {
          var resourceElement = document.getElementById(`${resource}-count`);
          if (resourceElement) {
            resourceElement.innerHTML = resources[resource];
          }
        }

// Fungsi utama game loop
        function gameLoop() {
          ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();

drawResources();

requestAnimationFrame(gameLoop);
        }

// Tambahkan event listener untuk input keyboard
        window.addEventListener("keydown", function (event) {
          movePlayer(event.keyCode);
          collectResource();
        });

// Penambahan sumber daya di arena permainan
        resources.steel = {
          x: 50,
          y: 50,
          width: 30,
          height: 30,
        };

resources.iron = {
          x: 150,
          y: 100,
          width: 30,
          height: 30,
        };

resources.gold = {
          x: 250,
          y: 250,
          width: 30,
          height: 30,
        };

// Jalankan game loop
        gameLoop();
      };
    </script>
  </body>
</html>
```

Sumber daya seperti steel, iron, gold ditampilkan sebagai persegi panjang berwarna di arena permainan. Anda dapat menambahkan sumber daya lainnya sesuai keinginan.