Animal School Simulator Sequel a's game

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

No:3018

←

Prev Next

→

Animal School Simulator Sequel a
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/23 12:31:14
Build time 17.329 sec｜Game capacity 1.861KB｜

Script

※このコードは動作しません。単なる例示です。

←

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>
</head>
<body>
	<div id="gameArea"></div>

//ランダムな場所にライオンを表示する関数
		function showLions() {
			for (let i = 0; i < lionsNum; i++) {
				let lion = document.createElement('div');
				lion.className = 'lion';
				lion.style.top = Math.random() * 80 + 'vh';
				lion.style.left = Math.random() * 80 + 'vw';
				lion.innerHTML = lionImg;
				document.getElementById('gameArea').appendChild(lion);
				lions.push(lion);
			}
		}

//ライオンをクリックした時の処理
		function clickLion() {
			score += 10;
			timer = setTimeout(function() {
				if (lionsNum < 20) {
					lionsNum++;
				}
				clearTimeout(timer);
				lions.forEach(function(lion) {
					lion.remove();
				});
				showLions();
				clickEvent();
			}, 30000);
			document.getElementById('score').innerHTML = score;
			this.remove();
		}

//ライオンにクリックイベントを設定する関数
		function clickEvent() {
			lions.forEach(function(lion) {
				lion.addEventListener("click", clickLion);
			});
		}

//ゲーム開始
		showLions();
		clickEvent();

</script>
	<style>
		#gameArea {
			width: 100vw;
			height: 100vh;
			position: relative;
			background-color: #72c169;
		}
		.lion {
			font-size: 5rem;
			position: absolute;
		}
		#score {
			position: absolute;
			top: 0;
			right: 0;
			font-size: 3rem;
			padding: 10px;
			background-color: #fff;
			border-radius: 0 0 0 20px;
			color: #72c169;
		}
	</style>

※このコードは動作しません。単なる例示です。