CDN 링크
https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.js https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.module.js |
https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.js https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js |
https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene
three.js docs
threejs.org
두말할것도 없는 THREE.js 기초이자 기본.
또한 버전업에 따른 최신의 코드를 확인하고 익힐수 있는곳.
인터넷에 올라와 있는 수많은 예제들이 구버전의 소스들로 이루어진게 너무도 많다.
그러므로 정확한 코드의 사용법을 수시로 공식사이트에서 확인해봐야 한다.
https://threejsfundamentals.org/
Three.js Fundamentals
Learn Three.js
threejsfundamentals.org
이곳의 강좌만 정독해도 THREE.js는 거의다 익힐수 있다는 생각이 들정도로 THREE.js의 교본이라 할수있는 사이트.
각 과정마다 하나하나 차분하게 정말 설명이 잘 되었어서 눈으로 읽는것 만으로도 이해가 될정도로 잘 꾸며져 있다.
https://stemkoski.github.io/Three.js/
Three.js - examples
Hello World A heavily commented but basic scene. Illustrates the setup of a scene, camera, renderer, event handlers (for window resize and fullscreen, provided by the THREEx library), mouse controls to rotate/zoom/pan the scene, mini-display for FPS stats,
stemkoski.github.io
다양한 예제가 있어서 필요한 소스를 찾아볼수 있다.
소스가 구버전이 많아 최신버전에 맞추어 수정해야 한다.
https://discoverthreejs.com/tips-and-tricks/
Welcome to the Missing Manual for three.js! | Discover three.js
Take your websites into the third dimension with the missing manual for three.js! Discover three.js is an exciting new book written by one of the core three.js developers
discoverthreejs.com
THREE.js 로 코딩을 할때 주의해야 할 사항들, 유용한 팁들을 정리해 놓은곳.
https://awesomeopensource.com/projects/threejs
The Top 155 Threejs Open Source Projects
Nunustudio ⭐1,040 Web based game engine and 3D editor for interactive applications. Scene editor, material modal, post-processing, object based scripting, WebVR, positional audio support.
awesomeopensource.com
THREE.js 기바 다양한 오픈소스 프로젝트들 모음.
출처: https://horangi.tistory.com/401?category=821071 [노을빛호랑이의 연습장]
출처: https://cdnjs.com/libraries/three.js/
출처: https://cdnjs.com/libraries/dat-gui
'프론트엔드 개발 놀이터 > Three.js' 카테고리의 다른 글
Three.js - 오브젝트(mesh) 와 빛(light) (0) | 2020.01.31 |
---|---|
Three.js - camera생성, PerspectiveCamera (0) | 2020.01.31 |
Three.js - dat.GUI 를 이용해 보자 (0) | 2020.01.31 |
Three.js 간단한 Animation (0) | 2020.01.31 |
Three.js 를 시작해 보자 (0) | 2020.01.31 |