3DCGで作った3DアイドルモデルをGoogleストリートビューから取得した背景パノラマ画像と合成して制作した360°VR作品2つでテキストポップアップ(行き先表示)とシーン移動を試してみたので紹介します。360°VR作品を制作する方法は以下の記事を参考にしてください。@札幌時計台)を制作して、ホットスポット矢印をクリックするとシーン間を移動できるようにしてみたので紹介します。ホットスポット矢印上にマウスカーソルを重ねると行き先をテキストで表示するようにしました。右下にコンパスを配置して大まかな方角も表示しています。札幌ツアー作品スマホの場合は、左上のコンパス(磁石)アイコンをタップするとデバイスの向きに応じて表示が追従します。ちなみに、札幌時計台のパノラマ画像は以下のストリートビューから取得しました。https://bit.ly/3sPRbfqWordPressブログへの埋め込み方法Pannellumを使ったので以下のサイトを参考にしてください。https://pannellum.org/私の場合(Xserver)の実装方法は以下の記事を参考にしてください。360°パノラマ写真を「Pannellum」でブログ記事に埋め込んでVR化?!この記事に埋め込んだHTMLの記述は以下です。コードだとURLが化けるのでスクリーンショットにしました。このブログのメディアライブラリにアップロードしているJSONファイルの中身は以下です。以下のコードも”panorama”のURLが化けているので上記を参考にして修正するか、ご自分の画像のURLに書き換えてください。}}なお、WordPressのデフォールト設定ではJSONファイルはアップロードできないので、以下の記事を参考にしてください。私の場合はプラグインでMIMEを追加して対応しました。【WordPress】セキュリティ上の理由によりこのファイル形式は許可されていません。今回の場合は、静的な記述(パラメーターや設定など)のみなので安全ですが、動的な記述(プログラムなど)を含む場合はセキュリティーに悪影響を及ぼす可能性があるので慎重に行ってください。360°VR作品を制作後、Pannellumでシーン間の移動を試したので紹介しました。メタデータを付加すれば投稿できます。今回のようにPannellumを使ってシーン移動などを実現するには、パノラマ画像やJSONファイルをどこかのサイトにアップロードして公開しないと実現できないので、WordPressサイトが便利かと思います。お気軽にお問い合わせください。お気軽にお問い合わせください。お気軽にお問い合わせください。