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

マシマシゲーム

今年の夏休み、あなたは動物園で働いています。今日はライオンのお世話をしています。しかし、ライオンはなぜか怒っています。どうやら暑さが原因のようです。あなたはライオンの怒りを鎮めるために、マッサージをする必要があります。

上記が、ライオンのマシマシゲームを遊ぶことができる HTML ファイルの例です。このプログラムは、スマホでも操作可能で、画像に絵文字を使用しています。ゲームのルールは、ライオンのマッサージを行い、2秒間だけ顔がマシマシするという単純なものです。この例では画像は lion.png と lion_mashimashi.png という名前で、同じディレクトリに保存されていることを仮定しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうぶつスクールシミュレーター</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #FFE4B5;
			font-family: sans-serif;
			text-align: center;
		}

h1 {
			font-size: 3em;
			margin-top: 0.5em;
			color: #800000;
		}

#lion {
			height: 100px;
			width: auto;
		}

button {
			background-color: #800000;
			color: #ffffff;
			border: 2px solid #800000;
			border-radius: 10px;
			font-size: 2em;
			padding: 0.5em 1em;
			cursor: pointer;
			margin-top: 1em;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター</h1>
	<img src="lion.png" alt="ライオン" id="lion">
	<p>マシマシゲーム</p>
	<p>今年の夏休み、あなたは動物園で働いています。今日はライオンのお世話をしています。しかし、ライオンはなぜか怒っています。どうやら暑さが原因のようです。あなたはライオンの怒りを鎮めるために、マッサージをする必要があります。</p>
	<button id="masageButton">マッサージする</button>

</body>
</html>