목록Web Development/Front (1)
type="nal"
[Three.js] 웹사이트에 3D 모델 추가하기
1. 우선 3D 모델을 준비해준다.1. 블렌더로 직접 깎거나2. 웹사이트 에서 다운 받아준다(ex: https://sketchfab.com/feed)나는 위 사이트에서 동물 검색해서 무료팩을 다운 받았다.(동물들 하나하나 분리 되는지 궁금함,,) 다운 받을 땐 Download3D를 누르고glTF 형식으로 다운받아준다. (gltf: JSON 형식의 텍스트 파일)일단 압축 풀어서 작업폴더에 넣어주면 되는데 이 gltf파일이 3D 모델이다 2. Three.js 라이브러리 설치우선 canvas 태그를 이용하고, 크기를 지정해준다. 3D 모델을 가져올 때는 Three.js라는 유용한 라이브러리를 이용하면 된다. https://threejs.org/리액트나 뷰 프로젝트라면 npm install three 명령어를..
Web Development/Front
2024. 12. 14. 12:37