2017-03-05 61 views
0

在谷歌VR(Web View),可以通過提供以下信息來定義熱點:在GoogleVr查看更改顏色或圖標熱點

vrView.addHotspot('hotspot_name', { 
    pitch: 30, // In degrees. Up is positive. 
    yaw: 20, // In degrees. To the right is positive. 
    radius: 0.05, // Radius of the circular target in meters. 
    distance: 2 // Distance of target from camera in meters. 
}); 

不過,我看不出有什麼方法來設置的形狀或顏色熱點。所以所有的熱點都是一樣的。 我想定義允許導航的熱點(例如在圖像/視頻列表中),方法是提供類似於YouTube中的VR視圖的控件(如果您注視視頻控件,並且您移動到下一個或以前的視頻),或者只需插入形狀和/或顏色不同的熱點(例如,使用右箭頭和左箭頭指示街景視圖中的方向)。 但是我還沒有找到任何方法來做到這一點。 我看到在底層庫中,熱點被定義爲三個Object3D。我不熟悉三個,但我想應該有一種方法來改變形狀?

回答

2

您必須更改embed.js代碼。在那裏你可以爲熱點設置顏色。

var innerMaterial = new THREE.MeshBasicMaterial({ 
    color: 0x93c01f, side: THREE.DoubleSide, transparent: true, 
    opacity: MAX_INNER_OPACITY, depthTest: false 
}); 

var outerMaterial = new THREE.MeshBasicMaterial({ 
    color: 0xffffff, side: THREE.DoubleSide, transparent: true, 
    opacity: MAX_OUTER_OPACITY, depthTest: false 
}); 

改變形狀,你必須編輯three.js所,包括功能BoxGeometry和依賴:

https://threejs.org/build/three.js