inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기

곰돌이의 이동(원하는 시간에 도착)

단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.

해결된 질문

61

literate_t

작성한 질문수 68

0

안녕하세요. 영광스러운 첫 질문이군요!

다름이 아니라 원하는 프레임에 곰이 꿀에 도착하게 하기 위해서 단위 벡터에 다시 dist를 곱해주잖아요. 거리는 변수 이름 그대로 distBearToHoneyVec이니까, 곰에서 꿀까지의 거리인 것 같은데 distanceTo() 함수를 호출하실 때 원점(0, 0, 0) 기준으로 하셨더라고요.

제가 잘못 이해한 건지 실수하신 건지 궁금합니다~

react typescript 인터랙티브-웹 three.js webgl gsap

답변 1

1

코딩의세계 한태재

안녕하세요 literate_t님 질문주셔서 감사드립니다.

 

어떤 벡터든 해당 벡터의 거리를 구하려면 원점으로 부터 구하는 것이 맞습니다.

그래서 bearToHoneyVec도 웜점으로 부터 distanceTo를 해야지 distBearToHoneyVec가 나옵니다.

 

말씀하신것처럼 곰에서 꿀까지의 거리를 구해도 같은 값이 나올것입니다.

 

bearVec.distanceTo(honeyVec) 으로 하면 직접적으로 곰부터 꿀까지의 거리가 나오는 것이고

bearToHoneyVec.distanceTo(원점)을 하면 곰에서 꿀로 가는벡터를 구하고 그 벡터의 거리를 구하는 형태입니다. 2개의 거리는 같은값이 나와야겠죠.

 

참고로 곰벡터의 거리 (bearVec.distanceTo(원점))를 구하면곰이 원점으로 부터 얼마나 떨어져있느냐가 될것이고 꿀도 마찬가지로 꿀이 얼마나 원점으로 부터 떨어져있냐(꿀벡터의거리)가 될 수 있습니다.

 

조금 헷갈리실수있는데 차분히 생각해보시면 이해되실것 같습니다!

 

다른질문있으시면 편한게 남겨주세요! 감사합니다.

1

literate_t

아아 이해됐습니다!
벡터 연산 강의에서 시각화한 거 예제 화면 다시 보고 왔습니다.

감사합니다!

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

13

1

윈 터미널의 클로드와 에디터의 터미널의 클로드에 관한 질문

0

9

1

output-styles 명령어 없어 지지 않았나요?

0

10

1

[MISSION 7] 프로필 웹 Github 링크 제출하기 관련..

0

14

0

커서 클로드 코드 검색창 검색 시

0

14

1

/init 초기화 이유

0

19

0

Git commit 관련 질문

0

14

1

Powershell은 시스템관리자가 앱을 차단

1

16

1

/plan open 관련 질문 39강 5분 36초

0

19

1

39강 루트 용어 질문

0

15

1

디렉토리 위치 바탕화면

0

20

2

[55강] git init 명령어 안내 혼란

0

29

1

61강 모듈형 규칙 10분06초

0

23

2

Mission 7 부터 어렵네요.

0

33

2

교재(3쇄)와 강의 내용 문의

0

28

2

plan mode 관련 질문 드립니다.

0

33

2

rules 파일 관련 질문입니다!

0

42

2

51강 7분 custom 스타일 질문

0

31

1

모델 차이 궁금증

0

28

3

settings.json 파일

0

33

2

플러그인 설치 관련

0

24

2

GIT과 VSCODE

0

27

2

팀& 서브 에이전트 실활용 방법은 어디에서 볼 수 있을까요?

0

31

2

선생님 강의토대로 개발중인데 질문이 하나있습니다 급함

0

37

2