CameraOptions

Since version 4.0.0

source

Camera용 옵션들

interface CameraOptions

Properties

fov

카메라의 수평 FOV(Field of View) 값. (도 단위, °)

initialPitch

카메라의 초기 pitch(x축 회전)값 (도 단위, °)
View360은 오른손 좌표계를 사용하기 때문에, 양(+)의 값은 카메라가 위를 보게 하고, 음(-)의 값은 카메라가 아래를 보게 합니다.

initialYaw

카메라의 초기 yaw(y축 회전)값 (도 단위, °)
View360은 오른손 좌표계를 사용하기 때문에, 카메라가 해당 값만큼 시계 반대방향으로 회전합니다.

initialZoom

카메라의 초기 줌 값.
이 값을 2로 설정할 경우 파노라마 이미지를 가로 기준 200%만큼 확대합니다.

pitchRange

pitch(x축 회전) 범위를 제한합니다. (도 단위, °)

yawRange

yaw(y축 회전) 범위를 제한합니다. (도 단위, °)

zoomRange

카메라 줌 범위를 제한합니다.
null일 경우 기본값으로 0.6에서 10의 범위를 사용합니다.

Properties

fov

>=4.0.0

fov

number

90

카메라의 수평 FOV(Field of View) 값. (도 단위, °)

Example

// Init with fov: 120
const viewer = new View360("#el_id", { fov: 120 });

// Back to 90
viewer.fov = 90;

source

initialPitch

>=4.0.0

initialPitch

number

0

카메라의 초기 pitch(x축 회전)값 (도 단위, °)
View360은 오른손 좌표계를 사용하기 때문에, 양(+)의 값은 카메라가 위를 보게 하고, 음(-)의 값은 카메라가 아래를 보게 합니다.

Example

const viewer = new View360("#el_id", {
  initialPitch: 60
});

viewer.on("ready", () => {
  console.log(viewer.camera.pitch); // 60
});

source

initialYaw

>=4.0.0

initialYaw

number

0

카메라의 초기 yaw(y축 회전)값 (도 단위, °)
View360은 오른손 좌표계를 사용하기 때문에, 카메라가 해당 값만큼 시계 반대방향으로 회전합니다.

Example

const viewer = new View360("#el_id", {
  initialYaw: 30
});

viewer.on("ready", () => {
  console.log(viewer.camera.yaw); // 30
});

source

initialZoom

>=4.0.0

initialZoom

number

1

카메라의 초기 줌 값.
이 값을 2로 설정할 경우 파노라마 이미지를 가로 기준 200%만큼 확대합니다.

Example

const viewer = new View360("#el_id", {
  initialZoom: 2
});

viewer.on("ready", () => {
  console.log(viewer.camera.zoom); // 2
});

source

pitchRange

>=4.0.0

pitchRange

null | Range

null

pitch(x축 회전) 범위를 제한합니다. (도 단위, °)

Example

const viewer = new View360("#el_id", {
  pitchRange: [-45, 45]
});

viewer.on("ready", () => {
  console.log(viewer.camera.pitch); // 0
  viewer.camera.lookAt({ pitch: 60  });
  console.log(viewer.camera.pitch); // 45
});

source

yawRange

>=4.0.0

yawRange

null | Range

yaw(y축 회전) 범위를 제한합니다. (도 단위, °)

Example

const viewer = new View360("#el_id", {
  yawRange: [-30, 30]
});

viewer.on("ready", () => {
  console.log(viewer.camera.yaw); // 0
  viewer.camera.lookAt({ yaw: 60  });
  console.log(viewer.camera.yaw); // 30
});

source

zoomRange

>=4.0.0

zoomRange

null | Range

null

카메라 줌 범위를 제한합니다.
null일 경우 기본값으로 0.6에서 10의 범위를 사용합니다.

Example

const viewer = new View360("#el_id", {
  zoomRange: [0.5, 4]
});

viewer.on("ready", () => {
  console.log(viewer.camera.zoom); // 1
  viewer.camera.lookAt({ zoom: 6  });
  console.log(viewer.camera.zoom); // 4
});

source