NDC - Normalized Device Coordinates - three.js
WebGL에서 화면의 좌표는 일반적으로 NDC(Normalized Device Coordinates) 좌표계를 사용합니다. Normalized Value 라고도 하며, Three.js에서 사용합니다. 위 그림에서 빨강색의 좌표계는 Canvas 등 일반적으로 HTML(2D)에서 사용하는 좌표 체계입니다. 그러나 three.js에서는 힌색라인으로 표시된 NDC 좌표(3D) 체계를 사용합니다. NDC 체계에서는 X 좌표는 -1 (왼쪽 끝)에서 +1(오른쪽 끝)으로 나타내며, Y좌표는 -1(아래 끝)에서 +1(위쪽 끝) 으로 나타냅니다. Z 좌표는 일반적으로 0에서 1, 또는 -1에서 1범위로 사용되지만, 통상 2D 평면에서는 생략됩니다. 이 좌표를 변환하기 위하여, 다음의 함수를 사용할 수 있습니다.// ..
JavaScript
2024. 9. 10. 22:36
