どうぶつスクールシミュレーター

新バージョン待ちくたびれた？

開発者ひさしにブチ切れてストレス発散！

ライオンを操作して、ガツンとマシマシしてみよう！

←

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 {
			margin: 0;
			padding: 0;
			font-size: 1.2rem;
			background-color: #e6e6e6;
			text-align: center;
		}
		h1 {
			font-size: 3rem;
			color: #ff6666;
			margin-top: 3rem;
			margin-bottom: 1.5rem;
		}
		h2 {
			font-size: 2rem;
			color: #333333;
			margin-top: 2.5rem;
			margin-bottom: 1rem;
		}
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 3rem;
			margin-bottom: 5rem;
		}
		.btn {
			font-size: 1.2rem;
			color: #ffffff;
			background-color: #6699ff;
			padding: 0.8rem 1.5rem;
			border: none;
			border-radius: 10px;
			margin-top: 2rem;
			cursor: pointer;
		}
		.btn:hover {
			background-color: #3366cc;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター</h1>
	<div class="container">
		<h2>新バージョン待ちくたびれた？</h2>
		<p>開発者ひさしにブチ切れてストレス発散！</p>
		<p>ライオンを操作して、ガツンとマシマシしてみよう！</p>
		<button class="btn" onclick="startGame()">ゲームスタート！</button>
		<div id="game"></div>
	</div>
	<script>
		let gameArea = document.getElementById('game');
		let lion = document.createElement('img');
		lion.setAttribute('src', '🦁');
		lion.style.position = 'absolute';
		lion.style.top = '50%';
		lion.style.left = '50%';
		lion.style.transform = 'translate(-50%, -50%)';
		lion.style.fontSize = '7rem';
		gameArea.appendChild(lion);

function startGame() {
			document.addEventListener('keydown', moveLion);
		}