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

あなたは開発者がひさしにブチ切れたどうぶつスクールシミュレーターの世界にいるライオンです。開発者に怒りをぶつけてスコアを上げましょう！

アプリをスマホで操作します。画面をタップしてライオンをガツンと殴り、スピードを上げてマシマシゲームを楽しみましょう！

最高スコアを目指して頑張りましょう！

目指せ開発者の怒りを100%にすること！

スコア: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>ライオンガツンとマシマシゲーム</title>
</head>
<body>
	<h1>ライオンガツンとマシマシゲーム</h1>
	<p>あなたは開発者がひさしにブチ切れたどうぶつスクールシミュレーターの世界にいるライオンです。開発者に怒りをぶつけてスコアを上げましょう！</p>
	<p>アプリをスマホで操作します。画面をタップしてライオンをガツンと殴り、スピードを上げてマシマシゲームを楽しみましょう！</p>
	<p>最高スコアを目指して頑張りましょう！</p>
	<p>目指せ開発者の怒りを100%にすること！</p>
	<div id="lion"></div>
	<p>スコア: <span id="score">0</span></p>
	<script>
		var lion = document.getElementById("lion");
		var score = document.getElementById("score");
		var currentScore = 0;
		
		lion.style.width = "200px";
		lion.style.height = "200px";
		lion.style.backgroundImage = "url('lion.png')";
		lion.style.backgroundSize = "cover";
		
		lion.addEventListener("click", function() {
			currentScore++;
			score.innerHTML = currentScore;
			lion.style.animation = "lion-mash 0.1s linear";
			lion.style.animationIterationCount = "1";
			setTimeout(function() {
				lion.style.removeProperty("animation");
			}, 100);
		});
	</script>
	<style>
		@keyframes lion-mash {
			from {
				transform: scale(1) rotate(0);
			}
			to {
				transform: scale(1.2) rotate(-10deg);
			}
		}
	</style>
</body>
</html>