diff --git a/A2teamkadai/image/360hiyori1.jpg b/A2teamkadai/image/360hiyori1.jpg new file mode 100644 index 0000000..32f0c6b --- /dev/null +++ b/A2teamkadai/image/360hiyori1.jpg Binary files differ diff --git a/A2teamkadai/main.css b/A2teamkadai/main.css index 7695fde..e50ea70 100644 --- a/A2teamkadai/main.css +++ b/A2teamkadai/main.css @@ -9,9 +9,9 @@ margin: 0.5em auto; } .map { - float: left; - width: 50%; - height: 500px; + width: 100%; + height: 700px; + text-align: center; } #mapcontainer { display: inline-block; @@ -25,18 +25,10 @@ .btn { width: 10%; height: 40px; - } - .stamp{ - clear: left; text-align: center; - margin: auto; - width: 80%; } - .stamp img { - width: 17%; - height: 17%; } -} + @media (orientation: portrait) { h1 { color: green; @@ -64,6 +56,8 @@ .btn { width: 20%; height: 40px; + text-align: center; + } .stamp{ clear: left; @@ -110,7 +104,6 @@ filter: hue-rotate(150deg); } .quiz { - margin-right: 100px; text-align: center; } #WebGL-output { @@ -136,6 +129,7 @@ font-size: 15px; text-decoration: none; cursor: pointer; + text-align: center; } #next { display: inline-block; @@ -174,4 +168,4 @@ .none { display: none; margin: 10px; -} \ No newline at end of file +} diff --git a/A2teamkadai/map.js b/A2teamkadai/map.js index d376f2f..efe46a5 100644 --- a/A2teamkadai/map.js +++ b/A2teamkadai/map.js @@ -63,7 +63,8 @@ document.getElementById("a").innerHTML = a; document.getElementById("b").innerHTML = b; document.getElementById("c").innerHTML = c; - document.getElementById("result").innerHTML = "　"; + document.getElementById("correct").innerHTML = b; + document.getElementById("result").innerHTML = a,c,d; document.getElementById("answer").innerHTML = ans; document.getElementById("stamp-id").innerHTML = id; document.getElementById("stamp-src").innerHTML = src; @@ -75,11 +76,11 @@ var stampId = document.getElementById("stamp-id"); var stampSrc = document.getElementById("stamp-src"); if (select == answer.textContent) { - document.getElementById("result").innerHTML = "正解!!"; - document.getElementById("result").setAttribute("class", "correct"); + document.getElementById("correct").innerHTML = "正解!!"; + document.getElementById("correct").setAttribute("class", "correct"); document.getElementById(stampId.textContent).setAttribute("src", "image/"+stampSrc.textContent); } else { - document.getElementById("result").innerHTML = "不正解…"; + document.getElementById("result").innerHTML = "不正解"; document.getElementById("result").setAttribute("class", "incorrect"); } } @@ -94,4 +95,4 @@ document.getElementById("c").addEventListener("click", () => { judgeAnswer("c"); }); -}); \ No newline at end of file +}); diff --git a/A2teamkadai/quiz.html b/A2teamkadai/quiz.html index 0c28f62..34d3cdc 100644 --- a/A2teamkadai/quiz.html +++ b/A2teamkadai/quiz.html @@ -11,120 +11,38 @@ + -
- - - - -
-
-

マップ

-
+ +
+

マップ

+
+
+
-

クイズ

- -

問題文

- - - + + + + +

　

解答
-
-

スタンプ

- - - - - - - - - - -
-
-
-

地点とクイズの追加

-
-
-

名称：
- 概要：
- 住所：　 - 画像：　 - 緯度：　 - 経度：
- 問題文：
- 選択肢A：　 - 選択肢B：　 - 選択肢C：　 - 解答：

-

-

-
-
-
-

朝日地区イズの遊び方

-
    -
  1. マップ上のマーカーのいずれかをクリックしよう！
    2. -
  2. 3Dモデルが表示されるので見渡して見よう！
    3. -
  3. その土地にちなんだクイズに答えよう！
    4. -
  4. 正解すると画面下のスタンプが押されていくよ！
    5. -
-

マップの使い方

-
    -
  • 移動：マウス左ボタンを押しながらドラッグ
    • -
  • 拡大・縮小：左上の＋／−ボタンまたはマウスホイールの回転
    • -
  • レイヤーの切替：右上のひし形ボタンにカーソルを合わせてチェックボックスをクリック
    • -
-

3Dモデルの動かし方

-
    -
  • 回転移動：マウス左ボタンを押しながらドラッグ
    • -
  • ズームイン／ズームアウト：マウスホイールまたはマウス中ボタンを押しながらドラッグ
    • -
  • 水平移動：マウス右ボタンを押しながらドラッグ
    • -
-

クイズの答え方

-

マーカーをクリックするとクイズが切り替わります。
- 正解だと思う選択肢を選びましょう。
- ※地点の紹介にヒントが隠されているかも！？

-

-

スタンプの見方

-

クイズに正解すると、白い丸にスタンプが押されていきます。

-
-
-
    -
  1. 国土交通省東北地方整備局月山ダム管理所. ``月山ダムのあゆみ''. http://www.thr.mlit.go.jp/gassan/naruhodo/history.html, (参照2023-05-02).
    2. -
  2. やまがた観光情報センター. ``月山ダム''. https://yamagatakanko.com/attractions/detail_176.html, (参照2023-05-02).
    3. -
  3. あさひむら観光協会. ``行沢とちの実会''. https://www.asahi-kankou.jp/kankou/member24.html, (参照2023-05-02).
    4. -
  4. 庄内観光コンベンション協会. ``JA庄内たがわ　月山ワイン山ぶどう研究所''. https://mokkedano.net/spot/30433, (参照2023-05-02).
    5. -
  5. 月山ワイン山ぶどう研究所. ``月山ワインの歴史''. https://gassan-wine.com/?page_id=72, (参照2023-05-02).
    6. -
  6. 松ヶ岡農場. ``松ヶ岡農場オンライン''. http://matsugaoka.biz/, (参照2023-05-02).
    7. -
  7. 山形県グリーン・ツーリズム推進協議会. ``松ヶ岡農場''. http://gt-yamagata.netj.jp/ygt/detail.php?recid=537, (参照2023-05-02).
    8. -
  8. やまがた観光情報センター. ``大鳥池''. https://yamagatakanko.com/attractions/detail_189.html, (参照2023-05-02).
    9. -
  9. 湯殿山 注連寺. ``注連寺開創''. http://www2.plala.or.jp/sansuirijuku/churenji/kaisou/index.html, (参照2023-05-02).
    10. -
  10. 一般社団法人東北観光推進機構. ``注連寺の七五三掛桜''. https://www.tohokukanko.jp/attractions/detail_1003064.html, (参照2023-05-02).
    11. -
  11. 一般社団法人DEGAM鶴岡ツーリズムビューロー. ``湯殿山スキー場''. https://www.tsuruokakanko.com/spot/1882, (参照2023-05-02).
    12. -
  12. 株式会社 月山あさひ振興公社 湯殿山事業所. ``料金・スクール''. https://yudonosan.com/price/, (参照2023-05-02).
    13. -
  13. 一般社団法人DEGAM鶴岡ツーリズムビューロー. ``湯殿山総本寺 大日坊瀧水寺 ''. https://www.tsuruokakanko.com/spot/406, (参照2023-05-02).
    14. -
  14. 湯殿山総本寺 瀧水寺大日坊. ``即身仏''. http://www.dainichibou.or.jp/sokushinbutu/, (参照2023-05-02).
    15. -
  15. 菅原精肉店. ``店舗概要''. https://sugawaraseinikuten.com/about/, (参照2023-05-02).
    16. -
  16. 菅原精肉店. ``商品紹介''. https://sugawaraseinikuten.com/products/, (参照2023-05-02).
    17. -
  17. 一般社団法人DEGAM鶴岡ツーリズムビューロー. ``湯殿山神社本宮 ''. https://www.tsuruokakanko.com/spot/246, (参照2023-05-02).
    18. -
  18. 出羽三山神社. ``湯殿山''. http://www.dewasanzan.jp/publics/index/16/, (参照2023-05-02).
    19. -
-
- -
+ + + + + + + +vr + + diff --git a/A2teamkadai/quiz.js b/A2teamkadai/quiz.js index 353c1dc..f2f24a6 100644 --- a/A2teamkadai/quiz.js +++ b/A2teamkadai/quiz.js @@ -162,4 +162,4 @@ ins += '
'; document.querySelector('.js-content').innerHTML = ins; -} \ No newline at end of file +}