inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

해결된 질문

64

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

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

감사합니다!

확장프로그램 찾기

1

8

0

/statusline 상태표시줄 표시 왜 안될까요

0

6

1

컴포넌트와 레이아웃

0

8

1

강의 노트 확인 방법

0

16

2

공부방향에 대한 조언

0

17

2

styled-components

0

15

2

터미널 기본명령어 강의교안의 링크가 연결되지 않습니다.

0

18

2

CDN으로 수업을 들을경우

0

9

1

모듈형 규칙: .claude/rules - 메모리에 설정 내용 미반영

0

14

2

커서에서 파일추가 Side bar 추가가 어려워요

0

17

1

섹션 8 git 및 github사용 관련

0

18

2

바이브코딩으로서의 개발공부

0

28

2

github 사용 관련 질문

0

24

2

클로드 코드 명령어 입력란이 맨 밑에 있어요

0

14

2

prd생성 관련 소스..

0

23

2

토큰오류 아시나요?

0

28

2

유튜브 시연 영상 추가 기능 강의 업로드 계획

0

17

1

(VS코드) install command 아무리 해도 안나옵니다

0

33

2

강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.

2

35

1

@/styles/globals.css'

0

27

2

VS Code의 Command pallet에서 'install command'해도 'code' command가 안보입니다.

0

38

2

파일 디렉토리 구조가 다르네요

0

33

2

클로드 초기설정

0

33

2

슬슬 따라하기가 힘들어진다.

0

78

2