ナビゲーション

本文へスキップ

東洋大学白山キャンパス8号館4階第33研究室

〒112-8600 東京都文京区白山5-28-20

バーチャル白山キャンパス  real estate

概要

コロナ禍により、白山キャンパスのことをよく知らない学生、白山キャンパスに来たくても来られないご父母、東洋大学を目指して勉強をしている高校生や留学生が少なからずいらっしゃいます。
このような方々に対して、少しでも白山キャンパスを見知っていただくために、360度全天球写真や動画などを駆使した「バーチャルキャンパスの作成プロジェクト」を実施することにしたものです。
なお、この活動は、東洋大学国際観光学部東海林ゼミのゼミ演習の一環として行っているものです。また、作成に当たっては、以下のA-Frame関連のオープンソースのソフトウェアを使用しました。あらためてお礼を申し上げさせていただきます。

〇A-Frame Copyright c 2015-2017 A-Frame authors.
https://github.com/aframevr/aframe/blob/master/LICENSE
〇島根大学附属図書館(「virtual_tour.js」など)
 https://www.lib.shimane-u.ac.jp/new/2020092300015/
〇superframe Copyright (c) 2016 Kevin Ngo(「aframe-orbit-controls.js」など)
https://github.com/supermedium/superframe/tree/master/components/orbit-controls
〇A-Frame HTML Shader Copyright (c) 2015 Mayo Tobita
〇すだちキャンパス(動画の埋め込みなど) https://kabos.hatenablog.jp/archive
〇東洋大学朝霞キャンパス(「aframe-orbit-controls.custom.js」など)
 https://www.toyo.ac.jp/news/academics/faculty/hld/3D_map/
〇125naroom(Remodal実装サンプルなど) https://125naroom.com/web/3202
〇モーダルシフト関係のジャバスクリプト The Craft社(代表 梶)


       バーチャル白山キャンパスを見に行く
 

目次ページの使い方

 キャンパスの図面上のアイコンをクリックすると、その地点のバーチャル映像のページにジャンプします
 (次図は、サンプル例のため、アイコンをクリックすると「バーチャル白山キャンパス」のトップページにジャンプします)
 a



各バーチャル・シーンの使い方

 各シーンは、マウス操作で上下左右に動かすことができます。
 矢印をクリックすると、次のシーンに行くことができます。
 「i」のアイコンをクリックすると、写真、動画、解説などが表示されます。



<ポップアップ画面(モーダルウィンドウ)の例>