2017-06-13 7 views
0

パノラマビューアにフォーカスポイントを作成する方法現実のコンテンツを作成し、さまざまなデバイスのWebブラウザで利用できるようにします。ライブラリには、3Dオブジェクトの操作を作成するための簡略化されたAPIが含まれています。webVRスターターキット:</p> <p><a href="https://github.com/povdocs/webvr-starter-kit" rel="nofollow noreferrer">Web VR Starter Kit</a></p> <p>ウェブVRスターターキットは、簡単に仮想作成するためのJavaScriptライブラリがある:私はWebVRスターターキットを使用したVRツアーを構築しようとしています

My Code on JS bin

var mark1 = VR.torus({radius:0.2, 
      tube:0.01, 
      color:"#efe2a2", 
      }); 

var focus = VR.torus({radius:0.02, 
      tube:0.01, 
      color:"white", 
      }); 

var img1 = "//i.imgur.com/Rp4hJKX.jpg?1"; 
var img2 = "http://blog.topazlabs.com/wp-content/uploads/2013/07/Screen-Shot-2013-12-11-at-10.42.18-AM.png" 
var img3 = "https://i1.wp.com/www.samrohn.com/wp-content/uploads/tobacco-warehouse-panorama.jpg?fit=1000%2C500"; 
var imgs = [img1, img2, img3]; 
var i = 0; 

mark1.moveTo(0,0,0); 
focus.moveTo(0,1.5,0); 
focus.parent=VR.body; 

VR.panorama(imgs[i]); 

VR.on('lookat', function(target){ 
    if (target === mark1.object) 
     i = (i+1)%3; 
     VR.vibrate(250); 
     VR.panorama(imgs[i]); 
    }); 

プレイヤーはMARK1を見ている場合は、VRパノラマ画像は、プレイヤーが見ている場所を示すフォーカスポイントを作成しようnext.Iに切り替わります。私はどのようにカメラにフォーカスオブジェクト(小さな白いトーラス)を親にするか分からない。

答えて

0
var focus = VR.camera.torus({radius:0.02, 
     tube:0.01, 
     color:"white", 
     }); 

親カメラから子を作成する方法です。

var focus = VR.camera.torus

関連する問題

 関連する問題