ガツンとマシマシゲーム

このプログラムは「ガツンとマシマシゲーム」というゲームになります。プレイヤーはライオンの顔をタップすることでスコアを稼ぎます。スマートフォンでも遊ぶことができ、絵文字も多用しているので楽しめると思います。ゲームの概要については、簡単に説明を行いました。Enjoy! 🦁👊

←

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: #f5e4d7;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			margin-top: 50px;
			font-size: 3rem;
		}
		#lion {
			width: 200px;
			height: 200px;
			margin: 50px auto;
		}
		button {
			padding: 15px 30px;
			font-size: 2rem;
			background-color: #f5b7b1;
			border: none;
			border-radius: 10px;
			cursor: pointer;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>ガツンとマシマシゲーム</h1>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/emoji-one/98/lion-face_1f981.png" alt="ライオンの絵" id="lion">
	<p id="score">0</p>
	<button onclick="pokeLion()">マシマシ！！！</button>

function pokeLion() {
			score++;
			document.getElementById("score").innerHTML = score;
			document.getElementById("lion").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/96/lion-face_1f981.png";
			setTimeout(function() {
				document.getElementById("lion").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/emoji-one/98/lion-face_1f981.png";
			}, 200);
		}
	</script>
</body>
</html>