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:46524

←

Prev Next

→

Farming simulator with different crops that give d..ALL
Developer User19484｜Date and time 24/2/25 1:31:52
Build time 5.092 sec｜Game capacity 1.481KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

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

let money = 0;
        let crops = [
            { name: 'Wheat', value: 10 },
            { name: 'Corn', value: 20 },
            { name: 'Tomato', value: 30 }
        ];

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

ctx.font = '20px Arial';
            ctx.fillText('Money: $' + money, 10, 30);

for (let i = 0; i < crops.length; i++) {
                ctx.fillText(crops[i].name + ' - $' + crops[i].value, 10, 60 + (i * 30));
            }
        }

function harvestCrop(index) {
            money += crops[index].value;
        }

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

if (x < 100 && y < 150) {
                harvestCrop(0); // Harvest Wheat
            } else if (x < 100 && y < 180) {
                harvestCrop(1); // Harvest Corn
            } else if (x < 100 && y < 210) {
                harvestCrop(2); // Harvest Tomato
            }

draw();
        });

draw();
    </script>
</body>
</html>
```