Полезные ссылки ([name])

Ниже приведен список ссылок, которые могут оказаться полезными при изучении three.js .
Если вы нашли что-то, что хотели бы добавить сюда, или считаете, что одна из приведенных ниже ссылок больше не актуально или работает, не стесняйтесь нажать кнопку "Редактировать" в правом нижнем углу и внести некоторые изменения!

Отметим также, что в качестве three.js находится в стадии быстрой разработки, многие из этих ссылок будут содержать устаревшую информацию - если что-то работает не так, как вы ожидаете или как следует по одной из этих ссылок, проверьте консоль браузера на наличие предупреждений или ошибок. Также проверьте соответствующие страницы документов.

Форумы для помощи

Three.js официально использует [link:https://discourse.threejs.org/ forum] и [link: http://stackoverflow.com/tags/three.js/info StackOverflow] для просьб о помощи. Если вам нужна помощь в чем-то, это то место, куда нужно обратиться. Не открывайте проблему на Github для просьб о помощи.

Учебники и курсы

Начало работы с three.js

• Основы Three.js фундаментальные знания
• [link:https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene Beginning with 3D WebGL] (Начиная с 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] (Анимация сцен с помощью WebGL и three.js)

Более обширные / продвинутые статьи и курсы

• [link:https://threejs-journey.com/ Three Journey] Курс [link:https://bruno-simon.com/ Bruno Simon] - Учит начинающих, как использовать 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] - Ищете больше ресурсов о three.js или компьютерную графику в целом? Ознакомьтесь с подборкой литературы, рекомендованной сообществом.

Новости и обновления

• [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 стартовый проект с ES6 и Webpack
• [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - коллекция примеров удобных для начинающих, построенные с использованием three.js r60.
• [link:https://threejs.org/examples/ Official three.js examples] - эти примеры поддерживаются как часть three.js репозиторий и всегда используйте последнюю версию three.js .
• [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] - То же, что и выше, за исключением того, что они используют ветвь dev three.js , и используются для проверки того, что все работает как когда разрабатывается three.js .

Инструменты

• [link:https://github.com/tbensky/physgl physgl.org] - Внешний интерфейс JavaScript с обертками для three.js, чтобы добавить WebGL графику для студентов, изучающих физику и математику.
• [link:https://whsjs.readme.io/ Whitestorm.js] – Модульный фреймворк three.js с физическим плагином AmmoNext.
• [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector] Инспектор Three.js
• [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
• [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Подсветка синтаксиса для языка шейдеров.
  [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Подсветка синтаксиса для помеченных строк шаблона с использованием комментариев к языку шейдеров, например: 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] - Ссылка на все ключевые слова WebGL и GLSL, терминологию, синтаксис и определения.

Старые ссылки

Эти ссылки сохранены в исторических целях - вы все еще можете найти их полезными, но имейте в виду, что они могут содержать информацию, относящуюся к очень старым версиям three.js .

• AlterQualia at WebGL Camp 3
• [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - коллекция примеров, использующих three.js r45.
• [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (слайд-шоу).
• [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (слайд-шоу).
• Trigger Rally by [link:https://github.com/jareiko jareiko] (видео).
• [link:http://blackjk3.github.io/threefab/ ThreeFab] - редактор сцен, поддерживаемый примерно до 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 учебное пособие на японском языке