본문 바로가기

three.js

블렌더에서 웹페이지로 ( 성공! ) " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스안 보이시면 여쪽으로~ 🥼👖🥼👖 http://dreamplan7.cafe24.com/canvas7/canvas4.htm블렌더3D에서 glTF 라는 형식으로 내보내기라는 형식이 있는데,자바스크립트 라이브러리 three.js 에서 이를 그대로 읽어 올 수 있다는 해외 게시글을 보고 따라해보았습니다.시도해보니 티스토리에서 적용이 되는군요! 앞으로 티스토리에서 더 재미난 걸 할 수 있을것 같습니다 :) 불러오는 자바스크립트 소스 ( 티스토리용 ) 내가 만든 모델을 올리고 싶어요! 블렌더에서 내보내기하신 glTF 파일을 웹상의 어딘가에 파일을 올리신 다음에,아래 소스중 http://dreamplan7.cafe24.com/canvas.. 더보기
Node.js 와 three.js 의 퓨전! 설치 가이드 three.js 공식 사이트 한글 문서 제공 언제부터인지는 모르겠지만 3차원 자바스크립트 라이브러리 three.js 공식 문서에 한글이 포함되었습니다. 이로서 좀 더 많은 개발자의 접근이 수월할 것으로 보입니다. https://threejs.org/docs/index.html#manual/ko/introduction/Creating-a-scene 공식 사이트에서는 npm ( Node Package Manager ) 설치를 권장합니다. 오우~ npm 이면 node.js 인데 새로 익힌 기술을 적용할 수 있게 된 점이 반갑네요. 하지만 공식 문서만 가지고는 사실 어디서 어떻게 시작해야 할지 감이 잘 오지 않을텐데요. 처음부터 시작한다는 가정으로 진행해 보겠습니다. 참고로 이렇게 설치할 때 막강한 three... 더보기