Three.js의 퍼스펙티브 클리핑 수정하기

Question

저는 Three.js에서 구의 안쪽에 평면을 가지고있어서 구에 효과를 줄 수 있도록 쉐이더를 렌더링하고 있습니다. 또한 lookAt을 사용하여 평면을 카메라에 맞 춥니 다. 내가 겪고있는 문제는 카메라가 구면에 너무 가까워지면 비행기가 구형으로 축소되는 것입니다. 나는 카메라가 구면에 너무 가까워지면 광선이 비행기의 가장자리와 더 이상 맞지 않는 것처럼 카메라의 원근감이라는 문제를 결정했습니다. 또한 여기 Perspective clipping

을이 보여주는 JSFiddle입니다 : 여기

는 사진이 시각화되어 내가 알고 싶은 것은 몇 가지 가능한 솔루션이다이 문제가 발생하는 이유 https://jsfiddle.net/k8tc8ex6/1/

내가 을 알고, 무엇을 나는 달성하기 위해 노력하고있다. 비행기의 가장자리가 항상 렌더링 후 구체의 가장자리를 만지는 것처럼 보일 것입니다.

미리 감사드립니다.

Answer 1

내가 맞으면 원의 중심 부분을 원근감있는 카메라의 절두체에 "완벽하게"맞추려고합니다. 당신이 달성하고자하는 것은 원근법으로는 불가능합니다. 당신이 말했듯이 (증명 된) 비행기는 화면의 경계를 초과하거나 비행기와 화면의 가장자리에 간격이 생깁니다. 당신이 심하게 "완벽"화면에 구형의 중앙부에 맞게하려면

, 당신은 두 가지 옵션이 있습니다 : 투시 카메라에 충실을

1) 스위치 직교 카메라 2)에를, 당신의 FOV을 0에 매우 가깝게 멀리있는 비행기까지 거대한 거리를 제공하여 원근 카메라가 실제로 정사각형 카메라로 작동하도록합니다.