[Three.js] Raycaster를 사용해서 물체 hover시 빙글빙글 돌리기
한 영역 안에서 만들어진 물체(Mesh)를 가만히 있는게 아니라 마우스를 가져다 댔을 떄, 빙글빙글 돌 수 있도록 만들어보는 연습을 해보았다. 마우스의 포인터를 가지고 현재 가리키고 있는 영역이나 물체를 알려줄 수 있는 Raycaster 클래스를 사용했다. 먼저 아래는 Three.js의 공식 문서에서 얘기하는 Raycaster https://threejs.org/docs/index.html#api/en/core/Raycaster three.js docs threejs.org Raycaster는 raycasting을 기반으로 만들어진 클래스다. Raycasting은 다른 여러 물체들 사이에서 마우스로 하나의 물체를 선택하는데 사용된다. (그러므로 무궁무진하게 많이 사용될수 있다!) 광선의 위치(마우스 포인..
Frontend
2020. 9. 4. 19:04
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- frontend
- nodejs
- react360
- react-app-polyfill
- OAuth
- IE10
- ngrok
- 앱스크립트
- 3D
- javascript
- 포트문제
- IE11
- 가져오기
- threejs
- 포트번호
- 접속불가
- react-google-login
- mongodb
- app script
- raycaster
- three.js
- srv
- youtubeapi
- react
- querySrv
- ENODATA
- createreactapp
- Oauth2
- webgl
- 3Drendering
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함