「VR-megane-kaikan VRめがね会館」(src on GitHub)
PC、スマホ、VRでぐるぐる見渡せます。めがね会館前の上空。VR写真をボタンひとつで撮影できるのは便利!
鯖江市上空を辿るバーチャルトリップアプリ化するのも楽しそう。
こういう写真を合成してくれます。元解像度のデータはGitHubで取得してみてください。
めがね会館を撮影(協力、福井県眼鏡協会(ふくいけんがんきょうきょうかい)、鯖江SDGs推進センター)
めがね会館近くのjig.jp新社屋予定場所にて、上限上空150mまでの旅。ジャンプ力100倍を体験するVRアプリづくりも楽しそう。
150m上空から真下を撮影。
150m上空からの広角撮影。
めがね会館、この視点での撮影は初!?
めがね会館とリニューアルした文化センター。
上記動画、静止画、アプリもすべて、CC BY Code for Fukui のオープンデータ。いろいろご活用ください!楽しく使えるアイデアもぜひお寄せください!
JavaScriptとHTMLだけでつくるVRアプリ、上記アプリもただ画像を指定するだけ簡単。興味ある方、VRはじめのいっぽをどうぞ!
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"> <html> <head> <meta charset="utf-8"> <title>VR-megane-kaikan VRめがね会館</title> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> </head> <body> <a-scene> <a-sky src="https://code4fukui.github.io/vr-megane-kaikan/Photo_6553700_DJI_100_pano_42713392_0_20214782526_photo_pano.JPG" rotation="0 -90 0"></a-sky> </a-scene> </body> </html>
上記ファイルを手元で live-server などwebサーバーを使えば動きます。rotationをいじってみるとおもしろいですよ!
links
- HTMLで創るVR、A-Frameはじめのいっぽ