ライオン🦁ガツンとマシマシゲーム

ライオンをタップしてください！

【ゲームの概要】このゲームは「ライオン🦁ガツンとマシマシゲーム」というタイトルの、スマートフォンで操作可能なアプリです。プレイヤーは画面上に表示されたライオンをタップして、ガツンと殴ることができます。また、マシマシボタンをクリックすることで、ライオンを連続で殴ることができます。ただし、ライオンを殴っている間に、ライオンが再生するまでの5秒間は、マシマシボタンは無効になります。スマートフォンの場合はマシマシボタンを大きく表示するため、操作性を向上させました。楽しい時間を過ごしてください！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>ライオン🦁ガツンとマシマシゲーム</title>
	<style>
		body {
			background-color: lightblue;
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 2rem;
			justify-content: center;
			height: 100vh;
			margin: 0;
		}
	</style>
	<script>
		// ライオンを復活させる
		function reviveLion() {
			lion.style.display = "block";
			lion.style.animation = "none";
			void lion.offsetWidth;
			lion.style.animation = null;
		}

// マシマシボタンをクリックした時の処理
		function mashMash() {
			lion.style.animation = "mash 0.1s infinite alternate";
			// 5秒後にライオンを復活させる
			setTimeout(reviveLion, 5000);
		}

// スマホの場合はマシマシボタンを大きくする
		if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
			document.write("<style>button {font-size: 3rem;}</style>");
		}
	</script>
</head>
<body>
	<h1>ライオン🦁ガツンとマシマシゲーム</h1>
	<p>ライオンをタップしてください！</p>
	<button onclick="mashMash()">マシマシ</button>
	<img id="lion" src="https://i.pinimg.com/originals/55/f7/ad/55f7ad1db4e2ecbf39ccbd8db9a69f6f.png" alt="ライオン" style="animation: none; display: block; height: 200px; margin-top: 1rem;">
	<script>
		var lion = document.getElementById("lion");
		lion.addEventListener("click", function() {
			lion.style.animation = "punch 0.1s 1";
		});
	</script>
</body>
</html>

【ゲームの概要】
このゲームは「ライオン🦁ガツンとマシマシゲーム」というタイトルの、スマートフォンで操作可能なアプリです。プレイヤーは画面上に表示されたライオンをタップして、ガツンと殴ることができます。また、マシマシボタンをクリックすることで、ライオンを連続で殴ることができます。ただし、ライオンを殴っている間に、ライオンが再生するまでの5秒間は、マシマシボタンは無効になります。スマートフォンの場合はマシマシボタンを大きく表示するため、操作性を向上させました。楽しい時間を過ごしてください！