참고 링크([name])

다음 링크들은 three.js를 배울때 유용한 링크들 모음입니다.
여기에 추가하고 싶은 링크가 있거나 더 이상 작동하지 않거나 관련되지 않은 링크가 있다면 아래 '수정' 버튼을 클릭해 변경해주세요!

three.js는 자주 업데이트 되고 있기 때문에, 많은 링크들이 지난 버전의 내용을 담고 있을 수도 있습니다. - 만약 링크에서 나온 내용이 제대로 동작하지 않는다면 브라우저 콘솔의 경고나 에러를 확인해 보세요. 관련 문서 페에지도 확인해 보세요.

도움이 되는 포럼

Three.js는 공식적으로 [link:https://discourse.threejs.org/ forum]과 [link:http://stackoverflow.com/tags/three.js/info Stack Overflow]에서 지원 요청을 받고 있습니다. 도움이 필요하다면, 저기로 가면 됩니다. 깃허브에서 도움 요청 이슈를 생성하지 마세요.

예제 및 수업

three.js 입문

• [link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
• [link:https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene Beginning with 3D WebGL] - [link:https://codepen.io/rachsmith/ Rachel Smith].
• [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]

심화 확장 기사 및 강의

• [link:https://discoverthreejs.com/ Discover three.js]
• [link:http://blog.cjgammon.com/ Collection of tutorials] by [link:http://www.cjgammon.com/ CJ Gammon].
• [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
• [link:https://www.udacity.com/course/cs291 Interactive 3D Graphics] - a free course on Udacity that teaches the fundamentals of 3D Graphics, and uses three.js as its coding tool.
• [Link:https://aerotwist.com/tutorials/ Aerotwist] tutorials by [link:https://github.com/paullewis/ Paul Lewis].
• [link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Looking for more resources about three.js or computer graphics in general? Check out the selection of literature recommended by the community.

뉴스 및 업데이트

• [link:https://twitter.com/hashtag/threejs Three.js on Twitter]
• [link:http://www.reddit.com/r/threejs/ Three.js on reddit]
• [link:http://www.reddit.com/r/webgl/ WebGL on reddit]

예제

• [link:https://github.com/edwinwebb/three-seed/ three-seed] - three.js starter project with ES6 and Webpack
• [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - a collection of beginner friendly examples built using three.js r60.
• [link:https://threejs.org/examples/ Official three.js examples] - these examples are maintained as part of the three.js repository, and always use the latest version of three.js.
• [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] - Same as the above, except these use the dev branch of three.js, and are used to check that everything is working as three.js being is developed.

도구

• [link:https://github.com/tbensky/physgl physgl.org] - JavaScript front-end with wrappers to three.js, to bring WebGL graphics to students learning physics and math.
• [link:https://whsjs.readme.io/ Whitestorm.js] – Modular three.js framework with AmmoNext physics plugin.
• [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
• [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
• [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Syntax highlighter for shader language.
  [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Syntax highlighting for tagged template strings using comments to shader language, like: glsl.js.
• [link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]

WebGL 참고

• [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Reference of all WebGL and GLSL keywords, terminology, syntax and definitions.

이전 링크들

이 링크들은 기록 목적으로 남겨두었습니다. - 아직 도움이 되는 링크도 있겠지만, 해당 내용들은 아주 옛날 버전의 three.js를 사용하고 있다는 점을 주의하세요.

• AlterQualia at WebGL Camp 3
• [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - a collection of examples using three.js r45.
• [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
• [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
• Trigger Rally by [link:https://github.com/jareiko jareiko] (video).
• [link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
• [link:http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html Max to Three.js workflow tips and tricks] by [link:https://github.com/BKcore BKcore]
• [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js] by [link:http://github.com/nrocy Paul King]
• [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js] by [link:https://github.com/BKcore BKcore]
• [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js tutorial in Japanese