Newer
Older
escapegame-2022 / S1teamkadai / door2-yellow.html
@Yuto Togashi Yuto Togashi on 26 Jul 2022 1 KB add cursor movement
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>3つ目の部屋|鮮やかな扉の部屋からの脱出</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 = "door3-white.html";
            } else if (e.code == 'KeyW' || e.code == 'ArrowUp') {
                window.location.href = "door3-red.html";
    	    } else if (e.code == 'KeyD' || e.code == 'ArrowRight') {
        		window.location.href = "door3-black.html";
	        } else if (e.code == 'KeyS' || e.code == 'ArrowDown') {
                window.location.href = "door1-blue.html";
            }
        })
    </script>
</head>
 
<body>
<h1>鮮やかな扉の部屋からの脱出</h1>

<div class="question">
    <h2>3つ目の部屋</h2>
    <!-- Image Map Generated by http://www.image-map.net/ -->
    <img src="clickable4.jpg" alt="1.白.2赤.3黒" usemap="#image-map">
    <map name="image-map">
        <area target="" alt="扉1" title="扉1" href="door3-white.html" coords="104,112,3,60,3,343,103,273" shape="poly">
        <area target="" alt="扉2" title="扉2" href="door3-red.html" coords="215,135,265,241" shape="rect">
        <area target="" alt="扉3" title="扉3" href="door3-black.html" coords="375,112,479,57,478,339,375,271" shape="poly">
    </map>
    <p class="center"><a href="door1-blue.html">前の部屋に戻る</a></p>
</div>

<p class="center">&copy; 2022 東北公益文科大学 情報システムa/b ゲーム班</p>

</body>
</html>