概要 360度写真をWeb上で表示できるA-frameというライブラリと、Canvas内を操作するKonvaを組み合わせて、技術実験で親戚の経営するシェアハウスの内部を360度写真で撮影し、グーグルマップのストリートビューっぽくしました。PCとスマホの両方で見れます(VRゴーグルは対応中)。現状簡単に解説しますが、後々サンプルや動画とかを用意する予定です。 パークサイドハウス吉祥寺|内覧 https://guesthousetokyo.info/view360/ 各エリアの矢印や丸のアイコンで隣接するエリアに移動したり、一覧やマップからジャンプすることが可能です。 ここでは簡単にやり方と注意点をまとめておきます。 やり方 360度カメラを買います。 撮影するポイントを決めます。隣接するエリアを考えるとやりやすいです。 マップを作成します。(この2と3を最初に考えなかったので、今回のマップは