画像

背景

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

ブログ

  1. 名古屋のホームページ制作会社 花のや
  2. 花のやブログ
  3. パノラマVRについて
2021/04/29プログラミングHTMLJavaScriptホームページ制作

パノラマVRについて

先日パノラマVR,やVRツアーなどについて引き合いがあったのでカメラを買ってもらって色々とためしてみました。
調べてみると、ライブラリなどもあり表現手法も多岐にわたりできるようになってきていますね。

最低限必要なものとしては360度カメラ。これさえあればあとは腕次第です。
安いものでは1万円から、十数万円というものもありもちろん値段によって使い勝手はそれぞれ異なります。

さて、あとはどう使うかですが、花のやはweb制作会社ですので当然ホームページに組み込んでいきます。方法としては調べたところいろいろとあり

  • 専用のコンテンツサービスを利用する
  • 専用ソフトを利用する
  • wordpressプラグインを利用する(既にあったんですね)
  • javascriptライブラリを利用する

と言った感じになるかと思います。

ということで今回は「javascriptライブラリを利用する」という方法で簡単に組み込んでみました。
どのようなものかというのはgoogleのインドアビューのようなものと思ってもらえればいいかと思います。

 

ベーシックな例

※イメージは花のや社内です

ただ一点のパノラマとなります。一番かんたんなものとなりますが、殆どはこれだけで事足りるかもしれませんね。
ただ、コンテンツとして、もっと色々と機能が必要な場合もあります。そのような場合にはパノラマVRの一般的な機能として

  • ホットスポット
  • ツアー

というものがあります。

ホットスポット

例えば、パノラマ画像の中である一点に対して、説明ラベル・リンクを付けたい等というときに使う機能です。また、ここにはコールバックなども指定できるため、いろいろな動作を同時にさせることも可能なようです。

※イメージは花のや社内です

ツアー

複数のパノラマ画像を行き来できるような機能です。
これがgoogleのストリートビュー的な機能になります。

※イメージは花のや社内です

これらを作っていくにはある程度のカスタマイズが必要になりますが
ライブラリを使うことに依ってある程度の時間短縮は可能です。後は他のコンテンツとの兼ね合いやアイデア次第で色々な訴求ができそうですね。

この記事を書いた人:wada

エンジニア担当の和田です。 漆を塗ったりしていましたが最終的にプログラマーへと転職してしまいました。

LINEで送る
Pocket

人気記事ランキング

株式会社 花のや
〒460-0008
愛知県名古屋市中区栄2-14-5 山本屋本店栄ビル7階

花のやについて

お仕事のご依頼やご相談は、下記の電話番号
または、メールフォームよりお問い合わせください。
TEL.052-211-9898 / FAX.052-211-9899

お問い合わせ