\documentclass[a4j]{jarticle}
% -*- coding: utf-8 -*-

\topmargin  -2cm
\textheight 26cm
\textwidth 16.5cm
\oddsidemargin -0.3cm

\pagestyle{empty}

%% タイトル %%
\title{学習・観光分野での使用を目的とした\\ブラウザゲームのフレームワークの提案}

%% 著者 %%
\author{広瀬研究室\\C1201871 富樫雄斗}

%% 日付 %%
\date{2022年8月6日}

\usepackage{url}
\usepackage[dvipdfmx]{graphicx}
\usepackage{ascmac}
\begin{document}
\twocolumn[
\maketitle
\begin{center}
 {\bfseries 概要}
\end{center}

%% 概要 %%
近年、子どもの学習意欲が低下する傾向が見られ、工夫した学び方を考える必要がある。また、コロナ禍で観光業が大きな打撃を受け、ニーズに応えられるよう地域の魅力を向上していくことが欠かせない。一方、ブラウザゲームの市場規模は増加傾向にあり、今後さらに成長していくコンテンツと考えられている。本研究では、簡単なブラウザゲームを起点に、学習や観光などの様々な分野で使えるようなフレームワークを提案する。
\vspace*{2em}
]

\thispagestyle{empty}

%% 本文 %%
\section{背景}
2019年から2021年の間に、子どもの学習意欲が低下する傾向が見られ、「勉強する気持ちがわかない」と考える割合が増えているため、単に授業の形態を変えるだけでなく、学び方を身につけたり、関心・意欲が高まる授業を受けたり、将来を深く考えるといった「学びの本質」にかかわる働きかけが重要である\cite{benesse}。

また、新型コロナウイルス感染症の影響で、訪日外国人旅行者数や国内宿泊旅行の延べ人数が減少し、観光業に大きな打撃を与えているものの、収束後の旅行意欲は高く、オフシーズンや密集しない観光地などへのニーズが高まり需要の回復が見込まれ、より一層地域全体での魅力向上を図ることが欠かせない\cite{keidanren}。

一方、ブラウザゲームの市場規模は、2015年から年平均成長率10.3\%で増加、2019年には約70億1290万米ドルに達し、これは、アプリ内購入やゲーム配信者、プレイヤの所得の上昇などが要因で、今後は、インターネット利用の増加、技術の進歩、コロナ禍によるゲーマの増加が成長を牽引すると考えられる\cite{globalinfo}。

以上のことから、ゲームの娯楽としての側面を踏まえ、学習や観光などの様々な分野に適用することができるブラウザゲームを構築する。

\section{目的}
簡単なブラウザゲームとして、クリッカブルマップや3Dモデルを用いた脱出ゲームを提案する。小中学校の学習や庄内地域の観光に関するクイズなど、様々な分野で使用できるフレームワークを目指す。

\section{先行研究}
ゲームを学習と観光の分野に活用している事例を、それぞれ取り上げる。

\subsection{ゲーム要素を取り入れた授業の事例}
藤本徹は、2011年度から2013年度の3年間に渡って実践してきた「クエスト授業」における、受講者の学習状況や授業への反応などの調査結果として、学習目標に応じた小課題のデザイン、ゲーム的な用語の導入による世界観設定、評価フィードバックの可視化、授業内活動へのゲーム要素の導入、授業運営の効率化といった効果が得られたとしている\cite{fujimoto}。

\subsection{観光周遊支援ゲームの事例}
倉田陽平は、ゲームの性格に応じて関心を引く層が異なるため、観光地に呼び込みたいターゲットは誰かを考え、それに即した性格のゲームを考える必要性があり、その他、ゲームジャンル、動機付けのメカニズム、位置判定技術とその応用、コンテンツの作成と拡張、存在感の演出、ゲーム観光後の行動の誘発、データ取得などを検討するべきだとしている\cite{kurata}。

\section{システム要件}
システムを設計していく上で、以下の要件を満たす必要があると考えた。
\begin{itemize}
\item 直感的で簡単な操作\\
操作が複雑にならないよう、マウスまたはキーボードのみで移動できる方法にし、ユーザが扱いやすいものにする。
\item 一定のゲーム性\\
ゲームをクリアすることで報酬が得られたり、ヒントがいくつか散りばめられていたりといったストーリ部分を考える。
\item 様々な場面に適用可能な構成\\
あらゆる分野に対応していくために、問題やテキストを追加したり、デザインを変えたりできるフレームワークにする。
\end{itemize}

\section{システム設計}
部屋の移動に際し、クリックまたはカーソルキーで扉を選択できるようにする。また、クリアに必要な手がかりとなる謎を考え、ページ内にいくつか設置してゲーム性を持たせる(図.\ref{figure:system})。

\subsection{使用する要素}
\begin{itemize}
\item JavaScript\\
Webページに動きを加えるプログラミング言語である。カーソルキーでの扉の移動に使用する。
\item jQuery\\
容易にコードを記述できるJavaScriptのライブラリである。アイテムの画像の拡大に使用する。
\item Image Map Generator\\
コードを自動生成して、クリッカブルマップを作成するツールである。扉の選択に使用する。
\item Blender\\
3DCGを作成できるソフトウェアである。部屋や扉、アイテムの3Dモデルの作成に使用する。
\end{itemize}

\begin{figure}[htb]
  \centering
  \includegraphics[bb=40 620 600 810,clip,width=1.1\columnwidth]{system.pdf}
  \caption{システムの流れ}
  \label{figure:system}
\end{figure}

\subsection{操作方法}
\begin{enumerate}
\item 3つの扉から選択して、次の部屋へ進む。
\item 謎からヒントを得て、法則を見つける。
\item 正しいルートを辿って、ゴールを目指す。
\end{enumerate}

\section{今後の展望}
クリックやカーソルキーによって、直感的な操作を実装することはできたが、ページ遷移が多く、ゲームとしての遊びの幅も少ないのが現状である。今後はページの切り替わりを減らして、他のステージや視点移動の機能を追加し、より遊びやすいシステムになるよう作成を進めていく。

\begin{thebibliography}{99}
\bibitem{benesse}小林仁. ``３年間で「勉強する気持ちがわかない」が半数以上に 学習意欲は低下傾向 ～“学習方法の理解”や“授業の楽しさ”が意欲向上のカギ～''.\\\url{https://www.u-tokyo.ac.jp/content/400186362.pdf}, (参照2022-08-05).
\bibitem{keidanren}日本経済団体連合会. ``コロナ禍で変化した観光動向と今後の取り組むべき課題''.\\\url{https://www.keidanren.or.jp/journal/times/2021/0805_02.html}, (参照2022-08-05).
\bibitem{globalinfo}株式会社グローバルインフォメーション. ``ブラウザゲームの市場規模、2023年には92億8500万米ドルに到達予測　ロックダウン中の米国では、インターネットゲームのトラフィックが75\%増加''.\\\url{https://www.value-press.com/pressrelease/264595}, (参照2022-08-05).
\bibitem{fujimoto}藤本徹. ``ゲーム要素を取り入れた授業デザイン枠組の開発と実践 (教育実践研究論文)''.\\\url{https://www.jstage.jst.go.jp/article/jjet/38/4/38_KJ00009873992/_pdf}, (参照2022-08-05).
\bibitem{kurata}倉田陽平. ``観光周遊支援ゲームのこれから''.\\\url{https://www.comp.tmu.ac.jp/kurata/research/YKurata-STI13summer.pdf}, (参照2022-08-05).
\end{thebibliography}

\end{document}
