[Javascript] Pannellum.js 위치이동.

1. Pannellum.js 위치 이동 메소드 정리

2. 줌인 줌 아웃

setHfov() 함수를 사용하여 시야각(HFOV)을 조정합니다.

시야각이 증가 또는 감소하도록 설정.

      

      

      

    
    

      <javascript />
    
//줌인
zoomIn() {
    this.viewer?.setHfov(this.viewer?.getHfov() - 30);
},
//줌아웃
zoomOut() {
    this.viewer?.setHfov(this.viewer?.getHfov() + 30);
}

3. 왼쪽/오른쪽 시야각 변경

setYaw() 함수를 사용하여 시야각을 변경합니다.

      

      

      

    
    

      <javascript />
    
 //왼쪽 시야
left() {
    this.viewer?.setYaw(this.viewer?.getYaw() - 30);
},
//오른쪽 시야
right() {
    this.viewer?.setYaw(this.viewer?.getYaw() + 30);
}

4. 위/아래 고도 변경

setPitch() 함수를 사용하여 고도를 변경합니다.

      

      

      

    
    

      <javascript />
    
//고도 변경
up() {
    this.viewer.setPitch(this.viewer.getPitch() + 30);
},
//고도 변경
down() {
    this.viewer.setPitch(this.viewer.getPitch() - 30);
}

5. 바라보는 위치

      

      

      

    
    

      <javascript />
    
/**
 * Scene 의 현제 시점 정보를 반환
 *
 * @description hfov, yaw, pitch 의 snapshot 정보를 반환
 * @return {{hfov: number, pitch: number, yaw: number}}
 */
getScenePosition() {
    return {
        hfov: this.viewer.getHfov(),
        yaw: this.viewer.getYaw(),
        pitch: this.viewer.getPitch(),
    };
}