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

No:901

271

←

Prev Next

→

Nurturing simulation to raise girls and make them ..ALL
Developer User3186｜Date and time 23/6/17 22:10:36
Build time 40.469 sec｜Game capacity 5.432KB｜

Script

女の子育成ゲーム

ビルよりも大きくするまで育てよう！

現在のサイズ：1m

力：0

知力：0

魅力：0

お金：0円

ゲーム概要：女の子をトレーニングしたり、バイトをしたり、恋人を作ったり、服を買ったり、マンションを買ったりしながら育てて、ビルよりも大きくする育成シミュレーションゲームです。育てていくと、女の子が大きくなり、画像も変化します。サイズが100mになるとゲームクリアです。スマホでも遊べるようにデザインしています。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>女の子育成ゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #f2f2f2;
		}
		
		h1, h2 {
			text-align: center;
		}
		
		.container {
			margin: auto;
			padding: 10px;
			max-width: 400px;
			background-color: #ffffff;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #cccccc;
		}
		
		.stats {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 5px;
			margin-top: 20px;
			border-top: 1px solid #cccccc;
			padding-top: 10px;
		}
		
		.stats div {
			background-color: #f2f2f2;
			padding: 5px;
			border-radius: 5px;
			text-align: center;
			font-size: 18px;
		}
		
		.center {
			text-align: center;
		}
		
		button {
			background-color: #4CAF50;
			color: white;
			border: none;
			border-radius: 5px;
			padding: 10px 20px;
			font-size: 24px;
			cursor: pointer;
			margin-top: 20px;
			box-shadow: 0px 0px 5px #888888;
		}
		
		button:hover {
			background-color: #3e8e41;
		}
		
		.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>女の子育成ゲーム</h1>
		<h2>ビルよりも大きくするまで育てよう！</h2>
		<div class="center">
			<img id="girl" src="girl.png" width="200" height="200">
			<p>現在のサイズ：<span id="size">1m</span></p>
			<div class="stats">
				<div>力：<span id="strength">0</span></div>
				<div>知力：<span id="intelligence">0</span></div>
				<div>魅力：<span id="charm">0</span></div>
				<div>お金：<span id="money">0円</span></div>
			</div>
		</div>
		<button id="train">トレーニングする</button>
		<button id="work" class="hidden">バイトする</button>
		<button id="date" class="hidden">恋人を作る</button>
		<button id="buy" class="hidden">服を買う</button>
		<button id="upgrade" class="hidden">マンションを買う</button>
	</div>
	<script>
		// 初期値
		let size = 1;
		let strength = 0;
		let intelligence = 0;
		let charm = 0;
		let money = 0;
		
		// ガールの画像を設定
		const girlImage = document.getElementById("girl");
		girlImage.src = "girl_normal.png";
		
		// サイズを更新する関数
		function updateSize() {
			size += strength / 100 + intelligence / 200 + charm / 300;
			document.getElementById("size").innerHTML = size.toFixed(2) + "m";
			if (size >= 100) {
				girlImage.src = "girl_big.png";
				alert("おめでとう！ビルよりも大きくなった！");
				document.getElementById("train").setAttribute("disabled", true);
				document.getElementById("work").setAttribute("disabled", true);
				document.getElementById("date").setAttribute("disabled", true);
				document.getElementById("buy").setAttribute("disabled", true);
				document.getElementById("upgrade").setAttribute("disabled", true);
			}
		}
		
		// トレーニングする関数
		function train() {
			strength += 1;
			intelligence += 1;
			charm += 1;
			money -= 100;
			document.getElementById("strength").innerHTML = strength;
			document.getElementById("intelligence").innerHTML = intelligence;
			document.getElementById("charm").innerHTML = charm;
			document.getElementById("money").innerHTML = money + "円";
			updateSize();
		}
		
		// バイトする関数
		function work() {
			money += 100;
			document.getElementById("money").innerHTML = money + "円";
			updateSize();
		}
		
		// 恋人を作る関数
		function date() {
			charm += 10;
			money -= 1000;
			document.getElementById("charm").innerHTML = charm;
			document.getElementById("money").innerHTML = money + "円";
			updateSize();
		}
		
		// 服を買う関数
		function buy() {
			charm += 5;
			money -= 500;
			document.getElementById("charm").innerHTML = charm;
			document.getElementById("money").innerHTML = money + "円";
			updateSize();
		}
		
		// マンションを買う関数
		function upgrade() {
			charm += 20;
			money -= 100000;
			document.getElementById("charm").innerHTML = charm;
			document.getElementById("money").innerHTML = money + "円";
			updateSize();
		}
		
		// 各ボタンの動作を設定
		document.getElementById("train").addEventListener("click", train);
		document.getElementById("work").addEventListener("click", work);
		document.getElementById("date").addEventListener("click", date);
		document.getElementById("buy").addEventListener("click", buy);
		document.getElementById("upgrade").addEventListener("click", upgrade);
		
		// ボタンの表示を設定
		setTimeout(function() {
			document.getElementById("work").classList.remove("hidden");
		}, 5000);
		setTimeout(function() {
			document.getElementById("date").classList.remove("hidden");
		}, 10000);
		setTimeout(function() {
			document.getElementById("buy").classList.remove("hidden");
		}, 15000);
		setTimeout(function() {
			document.getElementById("upgrade").classList.remove("hidden");
		}, 20000);
	</script>
</body>
</html>