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

작성한 질문수

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

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

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

해결된 질문

작성

·

19

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(원점))를 구하면곰이 원점으로 부터 얼마나 떨어져있느냐가 될것이고 꿀도 마찬가지로 꿀이 얼마나 원점으로 부터 떨어져있냐(꿀벡터의거리)가 될 수 있습니다.

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

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

질문자

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

감사합니다!

작성한 질문수