<!DOCTYPE html>
<html lang="ja">
<head>
<title>鮮やかな扉の部屋からの脱出</title>
<link rel="stylesheet" type="text/css" href="door.css">
<script type="text/javascript">
document.addEventListener('keydown', function (e) {
if (e.code == 'KeyA' || e.code == 'ArrowLeft') {
window.location.href = "door1-red.html";
} else if (e.code == 'KeyW' || e.code == 'ArrowUp') {
window.location.href = "door1-green.html";
} else if (e.code == 'KeyD' || e.code == 'ArrowRight') {
window.location.href = "door1-blue.html";
}
})
</script>
</head>
<body>
<h1>鮮やかな扉の部屋からの脱出</h1>
<div class="memo">
<p class="center">気がつくと、私は3つの扉しかない部屋にいた。</p>
<p class="center">ここから脱出しなければ...</p>
</div>
<hr>
<div class="question">
<h2>1つ目の部屋</h2>
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="clickable1.jpg" alt="1.赤.2緑.3青" usemap="#image-map">
<map name="image-map">
<area target="" alt="扉1" title="扉1" href="door1-red.html" coords="104,112,3,60,3,343,103,273" shape="poly">
<area target="" alt="扉2" title="扉2" href="door1-green.html" coords="215,135,265,241" shape="rect">
<area target="" alt="扉3" title="扉3" href="door1-blue.html" coords="375,112,479,57,478,339,375,271" shape="poly">
</map>
</div>
<p class="center">© 2022 東北公益文科大学 情報システムa/b ゲーム班</p>
</body>
</html>
Yuto Togashi