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年生合同の開発チームを編成できたので,生徒同士で学びあう貴重な取り組みとなりました。貴重な機会となりましたこと,この場を借りて感謝いたします。