2017-06-14 13 views
1

私は表示するためにフレームを使用している360度の画像を持っています。Aフレーム(aframe.io)360度画像(Google Maps Streetviewのような機能)

私の質問は、オーバーレイ矢印を使用して別の360度の画像を見ることができるインタラクティブ機能(Googleマップのストリートビューなど)はありますか?これは可能ですか?可能であれば、このタイプの機能を追加するにはどうすればいいですか?

360画像にテキストやHTMLリンクを追加することはできますか?

私はそれが複数の質問であることを認識していますが、うまくいけば誰かが私を助けることができます。私は本当にA-Frameが好きです。

答えて

1

達成したいことを実行する方法は複数あります。

(Googleマップのストリートビューのような)360ギャラリー:

最も簡単な方法は、ソース画像を変更している球/空を作ることです。例here、チュートリアルhere
<a-sky>または<a-sphere>のいずれかを、画像のソースを<a-sphere src="myImage.jpg">または<a-sphere material="src:myImage.jpg">に設定します。もちろん、例のように編成されていないボタンをすべての場所に配置したいとします。

リンク
イムではない、もちろん、あなたがこのようなjavascriptを経由して別のページにリダイレクトする任意のエンティティ、追加することができ、通常のリンクを追加する方法について確認してください。シーンで
を:

<a-entity link><a-entity> 

@js:

AFRAME.registerComponent('link', { 
     init:function(){ 
      this.el.addEventListener('click',function(){ 
       window.location.href = "http://stackoverflow.com"; 
      }); 
     } 
     }); 

テキスト
テキストの追加はhereと記載されています。あなたが好きではない場合は、いつでもアルファチャンネルで画像を作成し、好きな場所に追加することができます。

正直言って、360画像を作ってから2D画像を作ってから、いくつかの動作(リンク、画像の切り替え)を行ってみてください。

+0

ありがとう、私は360イメージギャラリーの例を見ましたが、チュートリアルがあったことを認識しませんでした。 – mmundiff

関連する問題