Newer
Older
escapegame-2022 / S1teamkadai / home.html
@Yuto Togashi Yuto Togashi on 12 Jul 2022 1 KB add clickable map
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>ー脱出しナイトー</title>
    <link rel="stylesheet" type="text/css" href="door.css">
    <script type="text/javascript" src="judge.js"></script>
</head>
 
<body>
<h1>ー脱出しナイトー</h1>
<div class="memo">
    <p>気がつくと、僕は3つの扉しかない部屋にいた...</p>
    <p>どうしよう...</p>
</div>

<hr>

<div class="question">
    <p>遊びたい扉をクリックし、謎を解いていこう。それぞれ最後にキーワードが表示されればクリアだ!</p>
    <!-- Image Map Generated by http://www.image-map.net/ -->
    <img src="clickable1.jpg" usemap="#image-map">
    <map name="image-map">
        <area target="" alt="扉1" title="扉1" href="https://www.yatex.org/gitbucket/SKIP/escapegame-2022/pages/S1teamkadai/VR.html" coords="104,112,3,60,3,343,103,273" shape="poly">
        <area target="" alt="扉2" title="扉2" href="https://www.yatex.org/gitbucket/SKIP/escapegame-2022/pages/yuto/game/AR.html" coords="215,135,265,241" shape="rect">
        <area target="" alt="扉3" title="扉3" href="https://www.yatex.org/gitbucket/SKIP/escapegame-2022/pages/S1teamkadai/nazonazo.html" coords="375,112,479,57,478,339,375,271" shape="poly">
    </map>
    <p>手に入れたキーワードを並べ替え、9文字の脱出コードを入力せよ。</p>
    <form id="final">
        <input type="text" name="answer" placeholder="脱出コードをひらがなで入力" maxlength="20">
        <input type="button" value="送信" onclick="answer_fin();">
    </form>
    <div id="judge_fin"> </div>
</div>
</body>
</html>