Changing the View by Motion | 한국어

움직임에 의한 시야 변경 방식 바꾸기

관련 옵션

gyroMode

단말이 움직임 감지 센서(자이로 센서, 가속도 센서)를 제공하는 경우 단말의 움직임을 이용하여 시야(View)를 변경할 수 있습니다.

yawPitch 모드

기기의 움직임을 이용해 yaw (기기의 y축 회전) 와 pitch (기기의 x축 회전)를 제어하는 방식입니다.

var panoViewer = new PanoViewer(container, {
            image: "/path/to/image/image.jpg",
            gyroMode: "yawPitch"
      }
);

// 혹은 다음과 같이 변경할 수 있습니다.
panoViewer.setGyroMode("yawPitch");

기기의 y축을 기준으로 한 회전 값(gamma)을 yaw, 기기의 x축을 기준으로 한 회전 값(beta) 을 pitch 에 반영합니다. (기기 방향 및 모션 참고)

예를 들어 기기를 y 축을 기준으로 왼쪽 방향으로 회전 시키면 뷰어는 왼쪽 방향에 있는 시야를 볼 수 있도록 yaw 값을 회전 방향에 역방향인 오른쪽으로 회전 시킵니다.

VR 모드

기기의 움직임을 이용해 yaw, pitch 그리고 roll 까지 제어하는 방식입니다.

var panoViewer = new PanoViewer(container, {
            image: "/path/to/image/image.jpg",
            gyroMode: "VR"
      }
);

// 혹은 다음과 같이 변경할 수 있습니다.
panoViewer.setGyroMode("VR");

yawPitch 모드와는 차이는 화면을 가로로 기울였을때 두드러집니다. yawPitch 모드는 roll 회전 값을 변경 하지 않기 때문에 화면을 가로로 돌린 경우 보여지는 영상이 기기의 화면 회전을 그대로 따라갑니다. 반면 VR 모드는 기기의 화면 회전에 따라 roll 회전하기 때문에 화면을 가로로 돌리더라도 영상은 그대로 유지됩니다.

움직임 무효화

기기의 움직임을 반영하고 싶지 않은 경우 다음과 같이 움직임을 무효화할 수 있습니다.

var panoViewer = new PanoViewer(container, {
            image: "/path/to/image/image.jpg",
    		gyroMode: "none"
      }
);

// 혹은 다음과 같이 변경할 수 있습니다.
panoViewer.setGyroMode("none");