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

No:102

248

←

Prev Next

→

Farming Games
Developer ひさひさ｜Date and time 23/5/17 18:27:47
Build time 146.235 sec｜Game capacity 4.562KB｜

Script

Farming Games

Watering 0 回、種: 0 個、Carrots:. 0 本

This farm game is、This game allows you to water, sow, and harvest. There is a field on the screen and、There are 10 plots. When you press the watering button.、The watering icon will appear in the plot. When you press the seeding button.、Seeds will be sown on plots that have been watered. When the harvest button is pressed、If the plot has carrots growing on it、Carrots are ready to be harvested. Watering and seeding can be done by、It is limited by the number of times the watering button is pressed and the number of seeds. The game screen is easy to operate on a smartphone.、The use of colors and pictograms creates a fun atmosphere.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>農園ゲーム</title>
	<style>
		body {
			background-color: #c9e6c7;
			text-align: center;
			font-family: sans-serif;
		}
		
		h1 {
			font-size: 3em;
			margin-top: 50px;
		}

#farm {
			width: 80%;
			margin: 20px auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

.plot {
			width: 150px;
			height: 150px;
			background-color: #fff;
			margin: 10px;
			border-radius: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
		}

.fence {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			border: 10px solid #8b5a3c;
			border-radius: 20px;
		}

.water {
			font-size: 8em;
		}

.seed {
			font-size: 4em;
		}

.carrot {
			font-size: 3em;
		}

button {
			background-color: #4caf50;
			color: #fff;
			border: none;
			padding: 10px 20px;
			border-radius: 10px;
			font-size: 1.5em;
			cursor: pointer;
			margin-top: 20px;
			transition: all .2s;
		}

button:hover {
			background-color: #3e8e41;
		}

#status {
			font-size: 1.2em;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>農園ゲーム</h1>
	<div id="farm">
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
		<div class="plot">
			<div class="fence"></div>
		</div>
	</div>
	<button id="water">水をやる</button>
	<button id="plant">種をまく</button>
	<button id="harvest">収穫する</button>
	<div id="status">水やり: <span id="waterCount">0</span> 回、種: <span id="seedCount">0</span> 個、にんじん: <span id="carrotCount">0</span> 本</div>
	<script>
		let plots = document.getElementsByClassName("plot");
		let waterCount = 0;
		let seedCount = 0;
		let carrotCount = 0;

この農園ゲームは、水やり・種まき・収穫ができるゲームです。画面上には畑があり、10個のプロットがあります。水やりのボタンを押すと、プロットの中に水やりのアイコンが出るようになります。種まきのボタンを押すと、水がまかれているプロットに種がまかれるようになります。収穫のボタンを押すと、プロットににんじんが生えている場合、にんじんが収穫されるようになります。水やりや種まきができるのは、水やりボタンを押した回数と種の数によって制限されます。ゲーム画面はスマートフォンでも操作しやすく、色合いや絵文字の使用によって楽しい雰囲気を出しています。