React-VR은 Pano를 교체 할 때 카메라 위치를 설정합니다.

Question

저는 react-vr에서 새롭고 둘러보기 앱을 만들고 싶습니다. 거기에서 나는 Pano 사진을 업데이트한다. 새 사진을 설정하면 카메라/장면이 새 사진을로드하기 전과 동일한 위치에 있습니다.

render() { 
if (!this.state.data) { 
    return null; 
} 

const locationId = this.state.locationId; 
const isLoading = this.state.nextLocationId !== this.state.locationId; 

return (

    <View> 
     <Pano 
     style={{ 
      position: 'absolute' 
      }} 
     onLoad={() => { 
      this.setState({ 
      locationId: this.state.nextLocationId 
      }); 
     }} 
     source={asset(this.state.data.photos360[this.state.nextLocationId].uri)} 
     /> 

     {tooltips && tooltips.map((tooltip, index) => { 
     return(
      <NavButton 
      key={index} 
      isLoading={isLoading} 
      onInput={() => { 
        this.setState({ 
         nextLocationId: tooltip.linkedPhoto360Id}); 
      }} 
      source={asset(this.state.data.nav_icon)} 
      textLabel={tooltip.text} 
      rotateY={(tooltip.rotationY && tooltip.rotationY) || 0} 
      rotateX={(tooltip.rotationX && tooltip.rotationX) || 0} 
      translateZ={(tooltip.translateZ && tooltip.translateZ) || this.translateZ} 
      /> 
     ); 
     })} 
    </View> 

);} 

가 지금은 카메라 위치를 설정하거나 내가 사진의 특정 위치에서 시작할 수 있도록 사진을 변환 할 : 여기

는 코드의 일부이다.

나는 react-vr에서 실제 카메라 위치를 얻거나 카메라 위치를 설정할 가능성이 없음을 발견했습니다.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?
도움을 주셔서 감사합니다.

Answer 1

다른 사람들과 비슷한 문제가있는 경우 해결책을 찾았으며 여기에 게시하고 싶습니다.

render() { 
//if the pano source changes it renders 
//it gets the position in x and y axis in ° via the VrHeadModel 
const rotationY=VrHeadModel.yawPitchRoll()[1]+offestY; 
const rotationX=VrHeadModel.yawPitchRoll()[0]+offsetX; 

return (
    <Pano 
     style={{ 
      position: 'absolute', 
      transform:[ 
      {rotateY: rotationY}, 
      {rotateX: rotationX}, 
      ] 
     }} 
     source={asset("photo.png")} 
    /> 
); 
} 

그리고 react-vr에서 VrHeadModel을 가져 오십시오.
파노라마가 변경되면 새 사진이 카메라의 실제 위치로 회전됩니다. 매번 새 사진을로드 할 때 카메라가 파노라마의 동일한 부분으로 설정됩니다.