inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Phát triển web 3D tương tác học bằng React Three Fiber (R3F)

Xử lý bằng cách nhận intersect object từ raycaster

물질을 클릭했을 때 이벤트

Đã giải quyết

402

hoonun7104

4 câu hỏi đã được viết

0

물질에게 클릭이벤트를 주어 보이는 시점이 바뀌거나 물체가 이동할수있게 하고싶습니다.

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

Câu trả lời 1

0

taejaehan

안녕하세요 :흥 님. 질문주셔서 감사합니다.

 

먼저 오브젝트에 클릭이벤트를 주어 물체를 이동하시려면 아래 강의를 참고하시면 따라하실 수 있을 것 같습니다.

섹션 7. Interaction & event / raycaster - r3f interaction event 종류들 및 오브젝트 변경

 

또한 카메라의 시점을 변경하고 싶으시면 아래 강의를 참고하시면 좋을것 같습니다.

섹션 10. [프로젝트] 카메라 컨트롤 - 카메라 부드럽게 이동하기

 

그리고 물체를 한번에 순간 이동하는 것이 아니라 매 프레임마다 천천히 이동하고 싶으시면 아래 강의를 참고하셔서

useFrame안에서 조금씩 포지션을 변경하는 방법을 사용하시면 됩니다.

섹션 2. R3F 설명 - Renderer ( useFrame )

 

잘 안되시면 어떤 부분에서 막히시는지 알려주시면 같이 살펴보겠습니다! 감사합니다 :)

1

hoonun7104

다른 강의에 내용이 있었네요 급한나머지 너무 알고싶어서 그랬네요^^ 제가 shapespark라는 프로그램으로 작업을 하는데 알고 계시는지요??

0

taejaehan

또 답글이 있는지 몰랐네요! 음.. shapespark라는 프로그램은 저도 경험이 없어서 잘 모르겠습니다. 잠깐 찾아보니 3D 모델을 쉽게 업로드하고 테스트해볼 수 있을것 같네요 ㅎ 감사합니다 !

task master 관련질문입니다.

0

2

1

android crud중 c 영상이 12초만 있는 잘린 영상이에요.

0

12

2

터미널 시작폴더가 달라요

0

20

2

my-profile-site 404 error

0

14

2

노션 .env.local

0

23

1

shrimp_data - WebGUI.md

0

16

2

powershell 복붙 문제

0

19

2

디렉토리가 보이지 않아요.

0

19

1

쉬림프 설치

0

15

2

회원가입 구현 (구현 후 최종 화면 출력 X)

0

13

2

tsakmaster api키

0

17

1

terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.

0

21

2

ai 도구 질문

0

41

1

오브젝트에의 이벤트 감지 vs 레이캐스팅

0

58

2

섹션 10을 들었을때 궁금증

0

89

2

material 파트까지 들은 후 생긴 궁금증

0

151

1

zoom과 fov의 차이점이 잘 이해가 안됩니다.

1

281

2

1강 관련하여 의견을 여쭙고 싶은 게 있습니다.

0

127

1

'JSX.IntrinsicElements' 유형에 'mesh' 속성이 없습니다. 경고 해결법

1

309

2

onClick 이벤트함수로 raycaster 방향이 자동으로 set되나요?

0

179

2

화면에 렌더링은 되는데 코드에서 빨간줄이 떠요

0

385

2

문제 해결했습니다.

0

181

1

문제 있어요! alias Path @ 문제

0

465

2

dom / svg / canvas

0

232

1