한 영역 안에서 만들어진 물체(Mesh)를 가만히 있는게 아니라 마우스를 가져다 댔을 떄, 빙글빙글 돌 수 있도록 만들어보는 연습을 해보았다. 마우스의 포인터를 가지고 현재 가리키고 있는 영역이나 물체를 알려줄 수 있는 Raycaster 클래스를 사용했다. 먼저 아래는 Three.js의 공식 문서에서 얘기하는 Raycaster https://threejs.org/docs/index.html#api/en/core/Raycaster three.js docs threejs.org Raycaster는 raycasting을 기반으로 만들어진 클래스다. Raycasting은 다른 여러 물체들 사이에서 마우스로 하나의 물체를 선택하는데 사용된다. (그러므로 무궁무진하게 많이 사용될수 있다!) 광선의 위치(마우스 포인..
새로운 프로젝트를 위헤서 웹에서 3D렌더링을 할 수 있는 방안을 찾고 있는 중에 페이스북에서 소개한 React 360에 알게 되었고 좀더 심플한 프로젝트를 React로 할 수 있게 되어서 스터디겸 소개를 하려고한다. 일단 공식문서는 아래에 링크를 참조할 수 있다 https://facebook.github.io/react-360/ React 360 · Create amazing 360 experiences Create amazing 360 experiences facebook.github.io React360은 Cross Platform을지원해서 데스크탑, 모바일, VR로 제공가능하다. React360을 돌리기 위해서는 먼저 Node.js가 필요하다(React 프로젝트를 진행할 때도 필요) React3..
- Total
- Today
- Yesterday
- 포트문제
- querySrv
- nodejs
- ngrok
- react360
- 3Drendering
- app script
- frontend
- three.js
- 가져오기
- 포트번호
- IE11
- srv
- 앱스크립트
- Oauth2
- OAuth
- threejs
- webgl
- raycaster
- mongodb
- 접속불가
- react-google-login
- createreactapp
- react
- IE10
- 3D
- javascript
- ENODATA
- youtubeapi
- react-app-polyfill
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |