inflearn logo
강의

Course

Instructor

3D interactive web starting with Three.js

Raycaster 질문입니다.

532

hyshim5

4 asked

0

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)
- 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다.
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요!

Raycaster 사용해서 클릭 이벤트를 넣어보려고 강의 코드를 참고해서 구현하고 있습니다.

제가 개발한 코드는 카메라가 (0,2,0)에 있고 원점에 있는 오브젝트를 바라보고 있습니다.

이런 상황에서도 raycaster를 만들 때 mouse를 vector2로 선언하고 강의 자료와 같이 x, y 좌표를 넣어주면 되는 건가요?

혹시 다르게 넣어줘야 한다면 어떻게 넣어주면 될까요?

좋은 강의 덕분에 사이드프로젝트 잘 진행하고 있습니다. 감사합니다.

blender 인터랙티브-웹 Three.js

Answer 2

0

admin

사이드 프로젝트 너무 귀엽네요 ㅠ_ㅠ

0

studiomeal

네, 카메라 위치라는게 우리가 눈으로 보는 시점이기 때문에, 거기서 마우스 좌표쪽으로 광선을 쏜다고 생각하시면 되므로 똑같이 하시면 됩니다. 만약 마우스 위치와 관계없이, 특정 위치(화면 가운데라든지)만 클릭되게 할 경우에는 마우스 좌표 대신에 원하는 좌표를 사용하시면 됩니다.

그나저나 사이드프로젝트 너무 멋지네요! 완성된 모습이 기대됩니다!

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

1

소스코드 파일이 강의랑 같나요?

0

118

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

118

0

gltf 포맷 사용

0

243

1

점프 애니메이션 stop

0

127

2

사양에 따른 다른 결과

0

112

1

중복 질문 삭제

0

160

1

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

0

124

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

101

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

159

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

76

0

그림자가 다르게 표현됩니다

0

138

1

setAnimationLoop 위치가...

0

99

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

134

1

블렌더 texture paint 시 미러모드

0

162

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

104

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

959

2

fin 버전도 그냥 실행이 안돼요

0

289

2

자바스크립트 실행이 안되는 것 같아요

0

378

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

238

1

live server와 localhost:8080

0

343

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

269

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

207

1

징검다리 예제에서 SpotLight가 동작 오류

0

301

2