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

No:1594

975

←

Prev Next

→

Clicker game
Developer AI絵師｜Date and time 23/6/18 19:14:25
Build time 20.724 sec｜Game capacity 2.656KB｜

Script

放置クリックゲーム

あなたは放置された森で生き残ることが目標です。

🌳 0

🍞 0

💧 0

このプログラムは、放置系クリッカーゲームで、プレイヤーは放置された森で生き残ることが目標です。プレイヤーは、木材、食べ物、水を集めることができます。それぞれのアイテムをクリックすると、集めることができます。また、5秒ごとにアイテムが自動的に増えます。ゲームのクリア条件はありません。プレイヤーはいつまでも放置していることができます。

←

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: #c2c2c2;
		}

.container {
			margin: auto;
			background-color: white;
			padding: 20px;
			width: 90%;
			max-width: 600px;
			text-align: center;
		}

.button {
			background-color: #4CAF50;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 8px;
			font-size: 16px;
			cursor: pointer;
		}

.button:hover {
			background-color: #3e8e41;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>放置クリックゲーム</h1>
		<p>あなたは放置された森で生き残ることが目標です。</p>

<p><button class="button" onclick="collectWood()">🪵木材を集める</button></p>
		<p><button class="button" onclick="collectFood()">🍞食べ物を集める</button></p>
		<p><button class="button" onclick="collectWater()">💧水を集める</button></p>

function collectWood() {
			wood++;
			document.getElementById("wood").innerText = "🌳 " + wood;
			document.getElementById("message").innerText = "🪵木材を集めました。";
		}

function collectFood() {
			food++;
			document.getElementById("food").innerText = "🍞 " + food;
			document.getElementById("message").innerText = "🍞食べ物を集めました。";
		}

function collectWater() {
			water++;
			document.getElementById("water").innerText = "💧 " + water;
			document.getElementById("message").innerText = "💧水を集めました。";
		}

setInterval(function() {
			wood += 10;
			food += 5;
			water += 3;

document.getElementById("wood").innerText = "🌳 " + wood;
			document.getElementById("food").innerText = "🍞 " + food;
			document.getElementById("water").innerText = "💧 " + water;

document.getElementById("message").innerText = "放置中...";

}, 5000); // 5秒ごとにアイテムを増やす
	</script>
</body>
</html>