inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

떠먹는 Three.js

손쉬운 조작 OrbitControls

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

253

anyas1398

작성한 질문수 3

0

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

HTML/CSS javascript three.js

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 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를 사용한 프로젝트 수행 시 발생하는 다른 문제가 있다면 언제든 질문해 주세요.

배리어블 목록 없음

0

1

0

Token 등록 방법 문의

0

3

0

3강 질문

0

8

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

16

1

2강 nodejs 3단계 설명 질문

0

28

1

6-6 실습 문의

0

21

2

imagesLoaded에 관한 질문

0

18

2

useEffect와 lifecycle문의

0

25

2

섹션5 노션링크 는 따로 없나요?

0

25

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

32

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

26

2

프론트엔드 학습 수준 문의

0

33

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

23

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

48

2

맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.

0

76

1

수업을 들으면서...

0

44

1

roughness이 안 먹혀요 ㅜ

0

125

1

화면 출력에서 이상해요

1

316

2

Github에서 deploy 하려면 따로 방법이 있나요?

0

313

2

WebGL 1 지원 중단에 대해

0

578

2

index.html 실행 시 CORS 문제

0

516

1

소스코드 공유는 없을까요?

1

476

1

강의 영상에서 보이는 색과 다른 색상이 나옵니다.

1

565

2

섹션2 Material 학습 중에 마우스 드래그로 돌려보는 기능?

2

501

2