Farming simulator with different crops that give different amounts of money's game

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

No:46527

←

Prev Next

→

Farming simulator with different crops that give d..ALL
Developer User19484｜Date and time 24/2/25 1:32:51
Build time 8.533 sec｜Game capacity 1.946KB｜

Script

This code creates a simple farming simulator game where different crops have different values and clicking on them earns the player money. The player can see their money balance on the top left corner of the canvas. Players can click on the crops to earn money based on the crop's value.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Farming Simulator</title>
</head>
<body>
  <canvas id="gameCanvas" width="400px" height="600px"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let money = 0;

const crops = [
      { name: "carrot", value: 5 },
      { name: "corn", value: 10 },
      { name: "potato", value: 7 },
      { name: "tomato", value: 8 },
      { name: "wheat", value: 12 }
    ];

function getRandomCrop() {
      return crops[Math.floor(Math.random() * crops.length)];
    }

const drawCrop = (x, y, crop) => {
      ctx.fillStyle = "green";
      ctx.fillRect(x, y, 50, 50);
      ctx.fillStyle = "black";
      ctx.fillText(crop.name, x, y - 10);
    }

function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

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

for (let i = 0; i < 5; i++) {
        const crop = getRandomCrop();
        drawCrop(i * 80 + 10, 100, crop);
      }
    }

canvas.addEventListener("click", function(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;

for (let i = 0; i < 5; i++) {
        if (x >= i * 80 + 10 && x <= i * 80 + 60 && y >= 100 && y <= 150) {
          money += crops[i].value;
        }
      }

update();
    });

update();
  </script>
</body>
</html>
```
This code creates a simple farming simulator game where different crops have different values and clicking on them earns the player money. The player can see their money balance on the top left corner of the canvas. Players can click on the crops to earn money based on the crop's value.