인프런 커뮤니티 질문&답변

anyas1398님의 프로필 이미지
anyas1398

작성한 질문수

떠먹는 Three.js

손쉬운 조작 OrbitControls

camera.lookAt이 원래 이런건가요?

작성

·

114

0

camera.lookAt부분에서 0, 0, 0으로 설정 되어 있어서 살짝 윗방향을 볼순 없나 싶어서 질문드려요
0, 0, 0말고 다른값을 넣어도 계속 0, 0, 0만 보더라고요스크린샷 2024-05-14 오후 5.50.36.png
위 처럼 길쭉한 아바타를 불러 왔을때 시선이 자꾸 발쪽에 즉 0, 0, 0 쪽에 맞춰줘 있어서 그부분을 좀 고치고 싶은데 방법이
없을까요?

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. anyas1398님의 질문에 답변 드립니다.

camera.lookAt 함수는 카메라가 특정 지점을 바라보도록 설정하는 Three.js의 함수입니다. 구현하신 코드에서 카메라가 계속 (0, 0, 0)만 바라보는 것처럼 보이는 문제가 발생한다면, camera.lookAt에 전달하는 값이 적용되지 않는 이슈일 수 있습니다.

아바타의 머리 부분이나 특정 부분을 바라보기 위해서는 해당 부분의 위치 좌표를 camera.lookAt 함수에 전달해야 합니다. 예를 들어, 아바타의 머리 부분이 (0, 150, 0)에 위치한다고 가정하면, 다음과 같이 코드를 수정해서 시도해 볼 수 있습니다.

camera.lookAt(0, 150, 0);

이렇게 하면 카메라가 아바타의 발이 아니라 머리 쪽을 바라보는 효과를 얻을 수 있습니다. 그럼에도 불구하고 여전히 (0, 0, 0)만 바라본다면, 카메라 설정이나 아바타 모델의 위치 설정 등 다른 부분에서 문제가 있을 수 있습니다. 이 경우, 카메라 설정 코드나 아바타를 로딩하는 부분을 다시 검토해 보시는 것이 좋습니다.

추가적으로 camera.position 값을 조절해 카메라의 위치를 변경하면서도 다양한 각도에서 아바타를 관찰하는 것도 가능합니다. 예를 들어, 더 위에서 아바타를 내려다보고 싶다면 카메라의 y 값을 높여주면 됩니다.

질문에 대한 해결책이 되었길 바랍니다. Three.js를 사용한 프로젝트 수행 시 발생하는 다른 문제가 있다면 언제든 질문해 주세요.

anyas1398님의 프로필 이미지
anyas1398

작성한 질문수

질문하기