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

No:1448

129

←

Prev Next

→

Simulation game with a story that makes you health..ALL
Developer sayaensm｜Date and time 23/6/18 16:38:06
Build time 43.223 sec｜Game capacity 3.749KB｜

Script

爆弾を応援する健康シュミレーションゲーム

💣

SCORE: 0

健康度: 🙁

爆弾を応援するシュミレーションゲームになります。このゲームでは、爆弾をクリックすることでスコアを稼いでいただき、10秒間の制限時間内で高いスコアを目指していただきます。爆弾が爆発してしまった場合は、健康度が下がってしまいます。スコアに応じて健康度の表情が変わるので、どれだけ健康になれるかを目指してください。また、もう一度遊ぶボタンを押すことでゲームをリセットすることも可能です。是非スマホでも遊んでみてください。

←

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: #DCDCDC;
}
h1 {
	text-align: center;
	font-size: 2.5em;
	margin-top: 2em;
	color: #8B0000;
}
#bomb {
	cursor: pointer;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 5em;
	padding: 0.1em;
	border-radius: 50%;
	color: #FFD700;
	background-color: #8B0000;
	box-shadow: 0px 0px 20px #F4A460;
	transition: transform 0.3s;
}
#bomb:hover {
	transform: scale(1.2);
	box-shadow: 0px 0px 40px #F4A460;
}
#score {
	position: fixed;
	top: 0.5em;
	right: 0.5em;
	font-size: 2em;
	color: #8B0000;
	text-align: right;
}
#message {
	position: fixed;
	bottom: 0.5em;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2em;
	color: #8B0000;
	text-align: center;
	visibility: hidden;
}
button {
	cursor: pointer;
	font-size: 2em;
	margin-top: 2em;
	padding: 0.5em 1em;
	border: none;
	border-radius: 0.5em;
	background-color: #8B0000;
	color: #FFD700;
	box-shadow: 0px 0px 10px #F4A460;
}
button:hover {
	background-color: #FFD700;
	color: #8B0000;
	box-shadow: 0px 0px 20px #F4A460;
}
</style>
<script>
var score = 0;
var totalClicks = 0;
var isGameStarted = false;

function finishGame() {
	isGameStarted = false;
	document.getElementById("message").style.visibility = "visible";
	document.getElementsByTagName("button")[0].style.display = "block";
	document.getElementById("message").textContent = "爆弾が爆発しました！残念・・・";
}

function updateScore() {
	document.getElementById("score").textContent = "SCORE: " + score;
}

function resetGame() {
	score = 0;
	totalClicks = 0;
	updateScore();
	document.getElementById("message").style.visibility = "hidden";
	document.getElementsByTagName("button")[0].style.display = "none";
}
</script>
</head>
<body>
<h1>爆弾を応援する健康シュミレーションゲーム</h1>
<div id="bomb">💣</div>
<div id="score">SCORE: 0</div>
<div id="message">健康度: 🙁</div>
<button onclick="resetGame()">もう一度遊ぶ</button>
</body>
</html>