Musashino University Academic Institutional Repository

サステナビリティ研究所紀要第1号 :
目次,投稿・執筆要項,奥付
言語: ja
出版者: 武蔵野大学サステナビリティ研究所
公開日: 2024-03-28
キーワード (Ja): 
キーワード (En): 
作成者: 
メールアドレス: 
所属: 
メタデータ
https://mu.repo.nii.ac.jp/records/2000255URL
武蔵野大学サステナビリティ研究所紀要
THE BULLETIN MUSASHINO UNIVERSITY
Institute of Sustainability Sciences
第 1 号
No.1
目　　次
CONTENTS
AI・Web3.0 とサステナブルイノベーションプラットフォーム
－内発的なインクルーシィブイノベーション（内破）
AI・Web3.0 and Sustainable Innovation Platform
－ Endogenous Inclusive Innovation 　　　　　　　　　　　　　　　　 長　岡　素　彦
 ……………………………………………………………… Motohiko NAGAOKA
アスファルトリサイクルの真実と制度改革の方向性
～特異な産業組織が覆い隠す建設リサイクル法の欠陥～
The Truth of Aspfalt Recycling and Defecs of Construction Waste 
Recycling Law Concealed by the Industrial Organization　　　　　　　　　　　武　山　尚　道
 …………………………………………………………… Hisamichi TAKEYAMA
数理モデルによる化学物質ばく露リスク評価の有用性の検証
Validation of Usefulness of Chemical Substances Risk Assessment 
by Estimate Model 　　　　　　　　　　　　　　　　　　　　　　　　 伊　藤　伸　也
 …………………………………………………………………………… Shinya ITO
Educational effectiveness of the marine education program using 3D clam model 
アサリ３D 模型を活用した海洋教育プログラムの教育的効果 　Hirohisa OGAWA・Nobuhiro OGAWA
 …………………………………………………… 小　川　博　久・小　川　展　弘
構造的少子化の進む天川村の現状と社会課題に関する一考察
On the current situation and social issues in Tenkawa village, 
where the birthrate is declining structurally 清　水　玲　子
 ……………………………………………………………………… Reiko SHIMIZU
気候変動枠組条約に関わる国際交渉 30 年の流れ
－京都議定書、バリロードマップ、カンクン合意、パリ協定－
Overview of 30 Year Negotiating History of the UNFCCC
－ Kyoto Protocol, Bali Road Map, Cancun Agreement, Paris Agreement　　 横　山　隆　壽
 …………………………………………………………………… Takahisa YOKOYAMA
サステナビリティ学科の「アカデミックスキル入門」における実践報告
A practical report on the Department of Sustainability Studies of 
Introduction to Academic Skills 　　　　　　　　　　　　  廣　瀬　晶　久・木　村　浩　巳
　　　　　　　　　　　　　　　　　　　　　　　　　　     小　熊　みどり・三　坂　育　正
 ……………………………………………… Akihisa HIROSE・Hiromi KIMURA
                                                             Midori OGUMA・Ikusei MISAKA
環境やサステナビリティに対する意識
The Consciousness of Environment and Sustainability.   村　松　陸　雄
 ………………………………………………………………… Rikuo MURAMATSU
武蔵野大学サステナビリティ研究所
Institute of Sustainability Sciences, MUSASHINO UNIVERSITY
２０２４
1
19
37
45
59
71
91
103
ISSN 2759-3576
－ 116 －
武蔵野大学サステナビリティ研究所紀要第 1 号（2024）
武蔵野大学サステナビリティ研究所紀要投稿･執筆要項
1．目的
　武蔵野大学サステナビリティ研究所紀要 (以下｢紀要｣という )は､武蔵野大学 (研究所･大学院を含め以下｢本学｣という )
の教員および大学院学生等の研究成果 (以下｢論文｣という )を年１回公表することを目的とする。
2. 投稿資格
(1) 紀要に投稿できる者は､①嘱託･客員･非常勤を含む本学教員･研究員ならびに大学院学生･研究生、②本学関係者で
紀要編集委員会 (以下｢委員会｣という )が認めた者､③委員会が投稿を依頼した者、とする｡なお以上の原則に該当しな
い場合は､委員会が判断する。
(2) 前項②の｢関係者｣とは､大学院を修了･退学した者で本学に提出した修士論文･博士論文に関わる成果を発表しようとす
る者､および本学の研究活動と密接に関わる成果を発表しようとする者 (共同研究の相手方など )､とする｡なお､修士論
文関連の投稿は論文提出後１年以内､博士論文関連の投稿は論文提出後２年以内に限る。
(3) 大学院学生･研究生および (1) 項②の｢関係者｣は､事前に指導教員または担当教員の承認を得たうえで､当該教員を通し
て投稿申し込み､原稿提出､校正刷りの受け渡し等を行う。
(4) 論文は未公刊で和文または英文によるものに限る｡なお投稿は１名につき１編とするが､筆頭でない共同執筆者となる
場合は複数の投稿を認める場合がある｡また筆頭でない共同執筆者の範囲は､論文への相応の貢献が認められる限り､特
に制限しない。
(5) 投稿者は、共著者も含め、投稿論文が電子化され、広く一般に公開されることを前提に、著作権・肖像権等が処理済
みであること。
3．年間スケジュール
(1) 論文の投稿申し込み期限は毎年７月末日、原稿の提出期限は 10 月末日とする。
(2) 紀要の発行は翌年３月とする｡
4．投稿要領
(1) 電子媒体の原稿と出力イメージの両方を提出する。
(2) 原稿 ( 和文 ) はＡ４判用紙 ( 縦置き )１枚に横書き 43 字 ×38 行の印字で 16 枚以内とする｡これには､表題から文献リ
ストまで､本文､図､表､写真､抄録等の一切を含む｡英文の場合もこれに準じる。
(3) 和文原稿の表記には､特別な理由がない限り､常用漢字､現代かなづかい､算用数字を用いる。
(4) 原稿冒頭に約 12 行分を確保し､①和文表題､②英文表題､③執筆者氏名 ( 和文表記 )、④執筆者氏名 ( ローマ字 or 英文表
記 )を記載する｡なお､冒頭頁の脚注となる執筆者情報は委員会で編集する。
(5) 図､表､写真の挿入個所は十分な誌面余裕をもって指示し､これらの原稿は､１件 / 頁の印刷が可能な形式で別ファイル
に格納する｡なお､イメージファイルについては十分な精細度を持つものに限る。
5. その他
(1) 論文は無審査を原則とするが､掲載の適切性に疑義がある場合は､委員会の指示にしたがうこと。
(2) 校正は２回､委員会を介して実施する｡校正時に大幅な変更があった場合は､掲載を拒否できる。
(3) 抜刷は希望者には白黒印刷で 10 部までは無料、それ以上の部数またはカラー印刷を希望する場合は費用は著者負担と
なる。
(4) 論文の著作権は執筆者に帰属する｡ただし､紀要の刊行により公表された論文について､本研究所は成果公表目的の範囲
内で複製､翻案､公衆送信、リポジトリ（電子アーカイブシステム）等の権利を保有する。
武蔵野大学サステナビリティ研究所紀要編集委員会 
委員長  
委  員 
武蔵野大学サステナビリティ研究所紀要　第１号 
2024年 2月29日発行 
編 集 武蔵野大学サステナビリティ研究所紀要編集委員会
発 行 武蔵野大学サステナビリティ研究所
〒135-8181 東京都江東区有明 3-3-3 
電話 03-5530-7730（ ） 
印 刷 株式会社創文
〒135-0016 東京都江東区東陽4-11-38
　　　　　　JMFビル東陽町01
電話　03-6634-2573


Japanese

サステナビリティ研究所紀要第1号 : 目次,投稿・執筆要項,奥付

中西, 崇文

Overview of Approximate Inverse Model Explanation (AIME) and its application

圓崎, 祐貴

JavaScriptベースのゲームエンジンを用いたプロジ
ェクション型VR用360度画像表示機能の開発
言語: ja
出版者: 武蔵野大学アジアAI研究所
公開日: 2024-03-29
キーワード (Ja): 
キーワード (En): 
作成者: 圓崎, 祐貴
メールアドレス: 
所属: 
メタデータ
https://mu.repo.nii.ac.jp/records/2000270URL
 
 
 
 
 
65 
[論文] 
JavaScript ベースのゲームエンジンを用いたプロジェクション型
VR 用 360 度画像表示機能の開発 
 
Development of 360 Degree Image Viewer Function for the 
Projection VR System with the Game Engine Based on JavaScript 
 
圓崎 祐貴 
 
概要 
近年 VR 技術普及の進展に伴って 360 度カメラを使って比較的簡単に没入型コンテンツを 360
度画像コンテンツが広がりを見せている．それらを体験するための HMD ベースのハードウェア
とそれらで 360 度画像コンテンツを再生するためのソフトウェアは充実していてウェブアプリ
で利用可能なものがある一方でプロジェクション型VRとそれらで 360度画像コンテンツを再生
するためのソフトウェアはハードウェアの特殊性やそれらを利用するための開発キットに依存
するためそれらの知識がないと開発するのは困難である．そこで本稿では JavaScript ベースの
ゲームエンジンである PLAYCANVAS に着目し，これを用いた 360 度画像コンテンツ表示機能を開
発して利用可能とすることを目標として開発を行なった． 
 
１.はじめに 
近年 MetaQuest[1]や HTC VIVE[2]などの HMD に代表されるように VR技術普及の進展に伴って
様々な VR コンテンツが増えてきており様々な分野で VR の活用が増えつつある．HMD を使った
VR の開発環境も Unity[3]や UnrealEngine[4]など複数のゲームエンジンでも統一的に利用でき
るように OpenXR[5]などのようにある程度共通化が進んでいるため，VR コンテンツを開発して
の活用が行ないやすくなっている．なかでも THETA[6]や GoProMax[7]，insta360[8]などに代表
される360度カメラの普及により手軽に360度画像を撮影可能になったことで VRコンテンツの
専門的な知識が無くても手軽に活用できるようになってきた．  
HMD による 360 度画像は体験者が一度に見える視野角が狭く，1人ずつ装着して体験するため
複数人で共有しながら体験するのに向いていないという問題がある．しかし体験者の周囲をス
クリーンに映った映像で覆うという LargeSpace[9]などのようなプロジェクション型 VR による
360 度画像の体験の場合は一度に見える視野角が広く，プロジェクション型 VR の内部の大きさ
によるものの複数人で共有して体験することも出来るため HMD では難しい用途への応用，例え
ば現場の360度没入映像を複数人で共有しながらの会議を行なうなどの応用が期待されている． 
しかしながらプロジェクション型 VR は体験車の周囲を映像で覆うという概念は共通なもの
 
 
 
 
 
66 
のその方法は多種多様であるためHMDのように有る程度の構造の共通化などが行なえないため，
CAVE とその派生システムに関する分野が UniCAVE[10]と呼ばれる開発環境で一部共通化されて
いる程度であり，あまり開発環境の整備はあまり進んでいない．特に開発にあたって OS に依存
するような機能を利用しなければならないことも多いため，あるプロジェクション型 VR のソフ
トウェアを別のプロジェクション型 VR のソフトウェアに流用することはシステム構成が似通
っているもの以外は困難を極める． 
そこでウェブブラウザ上で 3D ゲームを開発することが可能な JavaScript ベースのゲームエ
ンジンである PLAYCANVAS(図１)[11]を用いてプロジェクション型 VR のソフトウェアを開発す
ることが出来ればウェブブラウザ上で動作するウェブアプリには OS に依存性がないため移植
性が高く，また将来的に JavaScript のビデオチャット用の開発ライブラリである WebRTC の機
能を使った柔軟な映像伝送機能を利用できる可能性がある．そのため本稿ではプロジェクショ
ン型VRのソフトウェアの試作として360度画像コンテンツ表示機能に焦点を当てて開発を行な
うことを目的とする． 
 
図 2 PLAYCANVAS 
 
 
２.開発環境 
JavaScript ベースのゲームエンジンである PLAYCANVAS を用いる．近年のウェブブラウザ上
で動作するウェブアプリは HTML と JavaScript を用いたものが主流となっていて，PLAYCANVAS
はそれらに加えてウェブブラウザ上での3DCG描画機能であるWebGLを活用してUnityのような
ゲーム開発ができるプラットフォームである．ウェブブラウザ上で開発環境も動作するため開
発にあたって特別なソフトウェアの導入が不要である．Unity のような GUI を持つため GUI の
操作で 3D 空間上に 3D データを配置する機能などを持ち，プログラムのコーディングができな
 
 
 
 
 
67 
い開発者であっても 3D データのビューアーなど簡単なアプリ開発が行なえるというメリット
があるため PLAYCANVAS を採用した． 
ソフトウェアの動作を検証するプロジェクション型VRにはサイバーフィジカル美術館（図２）
[12]で用いたシステムを利用する．このシステムは平面を組み合わせた構造のため映像補正が
シンプルな方法で済む．そのため試作に適している． 
 
 
図２ サイバーフィジカル美術館 
 
 
３.システム構成 
360 度映像コンテンツ表示機能を開発するためには，360 度映像をソフトウェア上で正しく展
開する機能と体験者からスクリーンに映った画像が正しく見えるようにするために映像を補正
する機能が必要である． 
まず 360 度映像をソフトウェア上で正しく展開する機能について説明する．この機能を実現
するにはまず 360 度映像を読み込むことが必要である．現在普及している 360 度カメラの画像
形式について画像のフォーマットは通常のデジタルカメラと同じく jpg などが主流であるが座
標系が異なる．Equirectangular形式（図３）[13]と呼ばれる座標系となっており画像の横方向
が方位角，縦方向が仰俯角となっている．そのためそのまま展開すると仰俯角が 0 度の付近の
 
 
 
 
 
68 
映像は実際の見え方と変わらないものの仰俯角が大きくなるにつれて映像の見え方が実際の見
え方と異なってくる． 
 
図３ Equirectangular形式 
 
そのため 3D空間上に球状のモデルデータを配置してそのテクスチャとして方位角，仰俯角を
基に適切に貼り付けることが必要である．Equirectangular 形式はちょうど地球全体を表した
世界地図のうちのメルカトル図法と呼ばれるものに近く，テクスチャを貼る原理は世界地図を
地球儀に貼る操作とほぼ同じ原理である．こうして 360 度画像のテクスチャを貼られた球状の
モデルデータを中心から見ることでどの方向の画像も正しい見え方となる． 
次に体験者からスクリーンに映った映像が正しく見えるようにするために映像を補正する機
能について説明する．通常のディスプレイでの表示などの一般的な 3DCG の表示は透視投影変換
を行なって 3D データの空間をディスプレイ平面上に射影変換して表示されている．しかしサイ
バーフィジカル美術館は複数のプロジェクターを用いた複数の平面スクリーンで構成されてい
るため，構成している平面の数の分だけ違うパラメータの透視投影変換が必要である．厳密に
は体験者の位置に応じて適切に透視投影変換を行なう必要があるが本稿では簡略化のためシス
テムの中央に体験者の位置に視点が固定されているものとして実装する．またプロジェクター
とスクリーンの配置の関係が物理的な制約により一対一で対応せず，1 つのスクリーンの四隅
を結んだ四角形がコンピュータからは長方形とならず台形のような形となるため透視投影変換
のあとさらに図４のようにホモグラフィ変換によりスクリーン上で正しい見え方になるように
補正を行なう必要がある．そのためプロジェクターの数の分だけそれぞれのスクリーンの配置
に対応した透視投影変換を施して一旦テクスチャをレンダリング先として描画を行ない，レン
ダリングされたテクスチャを基にホモグラフィ変換を行なってプロジェクターに出力すること
で体験者が画像を正しい見え方で見ることが可能となる． 
 
 
 
 
 
69 
 
図４ ホモグラフィ変換によるスクリーン上での見え方の補正 
 
360 度映像をソフトウェア上で正しく展開する機能を用いて 60 度画像のテクスチャを貼られ
た球状のモデルデータの中心を視点として体験者からスクリーンに映った画像が正しく見える
ようにするために映像を補正する機能を使ってプロジェクターに出力することで 360 度映像コ
ンテンツ表示が可能となる． 
 
４.システム実装 
まず 360 度映像をソフトウェア上で正しく展開する機能に関して，事前に BLENDER という 3D
モデリングソフトを用いて球状のモデルデータにテクスチャを適切に貼るための UV 座標を
Equirectangular 形式に合わせた形埋め込んで作成した．この作成したモデルデータの
PLAYCANVASへの読み込みと 3D空間上への配置を行なった結果が図５である． 
 
 
 
 
 
70 
 
図５ PLAYCANVAS上で配置した３６０度画像を貼り付けたモデルデータ 
 
次に体験者からスクリーンに映った映像が正しく見えるようにするために映像を補正する機
能を実装する．まずコンピュータからは４つのプロジェクター毎に 1 つの巨大なディスプレイ
として認識されていてスクリーン全体は 2 つの巨大なディスプレイとして認識されている．ウ
ェブブラウザは全画面表示に対応しているが複数のディスプレイをまたぐ形での全画面表示に
は対応していないため 1 つ目の巨大なディスプレイ用のモードと２つ目の巨大なディスプレイ
用のモードの２つのモードを用意してウェブブラウザを２つ起動してそれぞれ全画面にして適
切なモードへ操作して表示することとした．次に巨大なディスプレイの中に４つのプロジェク
ター用の透視投影変換を行なう．PLAYCANVAS上での透視投影変換はカメラのコンポーネントを
通して行なうため，仕様を確認したところビューポートの指定で１つの画面を区切って複数の
視点カメラを表示することが可能であると確認できたためそれを用いてカメラを設定した．ま
たテクスチャへのレンダリングについてはスクリプトに記述することで可能であったためそれ
を用いて実装をおこなった．ホモグラフィ変換については任意の形にできる平面を用意してそ
こにレンダリングしたテクスチャを貼り，その平面を適切なビューポートを指定したカメラの
コンポーネントで撮影してプロジェクターにて出力した． 
図６は４台のプロジェクターに対してそれぞれ右目用と左目用の映像を左右に並べて出力す
るためにビューポートを８つに分割して出力した画面である．今回は立体視を行なわないため
に左右の視差がないため同じ映像が２つずつ出力されている．実際の動作の様子が図７である 
 
 
 
 
 
71 
 
図６ プロジェクター４台分の出力画面 
 
図７ 実際の動作の様子 
 
５.まとめと今後の展望 
 JavaScript ベースのゲームエンジンである PLAYCANVAS を利用してプロジェクション型 VR 用
360 度画像表示機能を開発することができた．今回はウェブブラウザを２つ開いて表示をおこ
なったものの相互に通信を行なっている訳では無いため同期しておらず，動的コンテンツ表示
 
 
 
 
 
72 
をすることが現状では出来ないので通信機能の実装あるいはハードウェア側で全てのプロジェ
クターを１つの巨大なディスプレイとして認識させるなどして動的コンテンツ表示に対応させ
ることや，WebRTC を活用して３６０度映像によるビデオチャット機能の開発，またウェブアプ
リである利点を活かして複数のデバイスで連携して１つのプロジェクション VR を構成するよ
うな機能の開発などを行なってよりプロジェクション型 VR での VR コンテンツ活用の促進を図
って行きたい． 
 
 
参考文献 
[1] Meta,Meta Quest,https://www.meta.com/jp/quest/,最終アクセス 2024/03/24 
[2] HTC,VIVE,https://htcvive.jp/,最終アクセス 2024/03/24 
[3] Unity Tecnologies,Unity,https://unity.com/ja,最終アクセス 2024/03/24 
[4] Epic games,UnrealEngine,https://www.unrealengine.com/ja,最終アクセス 2024/03/24 
[5] The Khronos Group,OpenXR, https://www.khronos.org/openxr/,最終アクセス 2024/03/24 
[6] Richo,THETA,https://www.ricoh360.com/ja/theta/,最終アクセス 2024/03/24 
[7] GoPro,MAX,https://gopro.com/ja/jp/shop/cameras/max/CHDHZ-202-master.html,最終ア
クセス 2024/03/24 
[8] Insta360,insta360,https://store.insta360.com/product/x3?c=2118&from=homepage, 最
終アクセス 2024/03/24 
[9] 髙鳥 光, 圓崎 祐貴, 矢野 博明, 岩田 洋夫,大規模没入ディスプレイLargeSpaceの開発,
日本バーチャルリアリティ学会論文誌, 2016 年 21 巻 3 号 p. 493-502 
[10]Wisconsin Institute for Discovery,UniCAVE,https://widve.github.io/UniCAVE/,最終ア
クセス 2024/03/24 
[11]Playcanvas,https://playcanvas.jp/,最終アクセス 2024/03/24 
[12]筑波大学、武蔵野大学、株式会社丹青社,西新宿サイバーフィジカル美術館,shino-
u.ac.jp/event/20230227-00000999.html,最終アクセス 2024/03/24 
[13]Richo,360 度カメラの仕組み、エクイレクタングラー形式について RICOH THETA を題材に
ご紹介！,https://blog.ricoh360.com/ja/8212,最終アクセス 2024/03/24 
 
  


Development of 360 Degree Image Viewer Function for the Projection VR System with the Game Engine Based on JavaScript

松田, こずえ

1002

MATSUDA, Kozue

生井, 亮司

NAMAI, Ryoji

The Study on Art Education Programs that Foster Awareness of Citizenship and Equity : From the Practices of the Louvre Museum in Paris

池田, 眞朗

Ikeda, Masao

University centered consideration of the new business law jurisprudence

【三上威彦教授最終講義コメント】
古谷 英恵 p.90-93
川嶋 隆憲 p.94-96departmental bulletin pape

三上, 威彦

Mikami, Takehiko

古谷, 英恵

Furuya, Hanae

川嶋, 隆憲

1303

Letzte Vorlesung „Normen und zivilprosessuale Grundsätze, auf die die Zivilschlichtung und der Prozessvergleich sich stützen sollen“

野中, 俊介

1371

ひきこもり状態に関する心理学的研究の動向 : 諸外国の研究に焦点を当てて

岡田, 美奈子

1343

コミュニティウェルビーイングへの持続可能な観光の貢献 : 農泊推進地における幸福度からの示唆

武蔵野大学司書課程・司書教諭課程たより第20号 :
目次
言語: Japanese
出版者: 司書課程・司書教諭課程研究室
公開日: 2025-01-10
キーワード (Ja): 
キーワード (En): 
作成者: 
メールアドレス: 
所属: 
メタデータ
https://mu.repo.nii.ac.jp/records/2000492URL
1
第 20号
令和 6年 12月 20日発行
発行所
〒 202-8585 東京都西東京市新町 1-1-20
武蔵野大学
司書課程・司書教諭課程研究室
TEL 042 - 468 - 9728
ISSN　1880 － 2508
武　蔵　野　大　学
司書課程・司書教諭課程たより
目　　　次
生成 AIと図書館サービス ……………………………………………………………………… 篠塚富士男（ 2 ）
『山形県文化時報』にみる日中戦争下の行啓記念山形県立図書館の活動 ………………… 新 藤 　透（ 9 ）
武蔵野大学では、なぜ司書課程の履修登録が増え続けているのか？
─アンケート調査から見る学生像について─……………………………………… 岡田智佳子（14）
インターネットで資料渉猟　渋沢栄一還暦園遊会を探る………………………………… 福 士 輝 美（20）
西東京市図書館との協力事業について……………………………………………………… 福 士 輝 美（23）
司書研レポート………………………………………………………………………………… 福 士 輝 美（24）
西東京市図書館でのボランティア
（本文「西東京市図書館との協力事業について」　参照）


武蔵野大学司書課程・司書教諭課程たより第20号 : 目次

Makino, Kosho

1255

Fukuda, Rio

1450

Sueki, Shunsuke

1256

Anada, Masahiro

1254

English

Total Synthesis of Alanense A through an Intramolecular Friedel−Crafts Alkylation

Not a member yet