360°パノラマ文化祭ができるまで<弟燕祭2022企画>
360°パノラマ博物館メイキング by 2年B組有志 協力:東京工業大学博物館(以下,東工大博物館)&東工大基金
東工大博物館をみんなに知ってもらいたい!そんな生徒のつぶやきからこの企画がスタートしました。
東工大博物館を訪問
by 2年B組(2022年夏)
360°カメラで撮影
by 2年B組(2022年夏)
修復されたスターリングエンジン
1987年3月附属高校にて修復されたスターリングエンジンが東工大博物館で展示中
生徒制作の<弟燕祭2022-有志企画>360°パノラマ博物館サイト(2023.3月で公開終了)
※iframeタグを埋め込み360°画像を表示する方法を用いています。詳しくは,このページ最後の<おぼえがき>を参照してください。
360°パノラマ弟燕祭メイキング by 生徒会 協力:東工大基金
文化祭も360°パノラマにしたら,雰囲気が伝わるのではないか!?そんな思いで生徒会の皆さんが撮影してくれました。
360°カメラで撮影
360°カメラで撮影
以下のリンクから実際の360°パノラマ画像で文化祭の様子が見られます(2023.3月まで公開予定)
3年B組(3B生徒制作) 360°パノラマで見る文化祭
Special Thanks:東工大基金,東京工業大学博物館,2年B組情報システム分野有志生徒諸君,技術支援 by 3年B組情報システム分野有志生徒諸君
このイベントは東工大基金のサポートを受けています。
<プログラミングおぼえがき>:360°カメラはリコー THETA SC2で撮影,360°画像ビューアPannellum(無料)を使用し,以下のiframeタグを埋め込むことで簡単に表示できます。(博物館や3年B組のページではiframeではなくAPIを使っています。)
step01:360°画像をアップロードし,そのURL(絶対パス)をメモする。
確認作業としてここへアクセスすると画像は見えますが,まだ,360°には見えませんね。
https://teien.hst.titech.ac.jp/photo/class-images/01.jpg
step02:HTMLファイルへ以下のiframeタグを書く。その時,画像のURLはstep01でメモしたもの(以下サンプルの赤字部分)にしてください。
<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.5/pannellum.htm#panorama=https://teien.hst.titech.ac.jp/photo/class-images/01.jpg&autoLoad=true&autoRotate=-2"></iframe>
※本プロジェクトでは,2年生と3年生合同の開発チームを編成できたので,生徒同士で学びあう貴重な取り組みとなりました。貴重な機会となりましたこと,この場を借りて感謝いたします。