You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

177 lines
9.0 KiB

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<base href="../../../" />
<script src="page.js"></script>
<link type="text/css" rel="stylesheet" href="page.css" />
</head>
<body>
<h1>Полезные ссылки ([name])</h1>
<p class="desc">
Ниже приведен список ссылок, которые могут оказаться полезными при изучении three.js .<br />
Если вы нашли что-то, что хотели бы добавить сюда, или считаете, что одна из приведенных ниже ссылок больше не
актуально или работает, не стесняйтесь нажать кнопку "Редактировать" в правом нижнем углу и внести некоторые изменения!<br /><br />
Отметим также, что в качестве three.js находится в стадии быстрой разработки, многие из этих ссылок будут содержать
устаревшую информацию - если что-то работает не так, как вы ожидаете или как следует по одной из этих ссылок,
проверьте консоль браузера на наличие предупреждений или ошибок. Также проверьте соответствующие страницы документов.
</p>
<h2>Форумы для помощи</h2>
<p>
Three.js официально использует [link:https://discourse.threejs.org/ forum] и [link: http://stackoverflow.com/tags/three.js/info StackOverflow] для просьб о помощи.
Если вам нужна помощь в чем-то, это то место, куда нужно обратиться. Не открывайте проблему на Github для просьб о помощи.
</p>
<h2>Учебники и курсы</h2>
<h3>Начало работы с three.js</h3>
<ul>
<li>
<a href="https://threejs.org/manual/#ru/fundamentals" target="_blank">Основы Three.js фундаментальные знания</a>
</li>
<li>
[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].
</li>
<li>
[link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js] (Анимация сцен с помощью WebGL и three.js)
</li>
</ul>
<h3>Более обширные / продвинутые статьи и курсы</h3>
<ul>
<li>
[link:https://threejs-journey.com/ Three Journey] Курс [link:https://bruno-simon.com/ Bruno Simon] - Учит начинающих, как использовать Three.js шаг за шагом
</li>
<li>
[link:https://discoverthreejs.com/ Discover three.js]
</li>
<li>
[link:http://blog.cjgammon.com/ Collection of tutorials] by [link:http://www.cjgammon.com/ CJ Gammon].
</li>
<li>
[link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
</li>
<li>
[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.
</li>
<li>
[Link:https://aerotwist.com/tutorials/ Aerotwist] tutorials by [link:https://github.com/paullewis/ Paul Lewis].
</li>
<li>
[link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Ищете больше ресурсов о three.js или компьютерную графику в целом?
Ознакомьтесь с подборкой литературы, рекомендованной сообществом.
</li>
</ul>
<h2>Новости и обновления</h2>
<ul>
<li>
[link:https://twitter.com/hashtag/threejs Three.js on Twitter]
</li>
<li>
[link:http://www.reddit.com/r/threejs/ Three.js on reddit]
</li>
<li>
[link:http://www.reddit.com/r/webgl/ WebGL on reddit]
</li>
</ul>
<h2>Примеры</h2>
<ul>
<li>
[link:https://github.com/edwinwebb/three-seed/ three-seed] - three.js стартовый проект с ES6 и Webpack
</li>
<li>
[link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - коллекция примеров удобных для начинающих,
построенные с использованием three.js r60.
</li>
<li>
[link:https://threejs.org/examples/ Official three.js examples] - эти примеры
поддерживаются как часть three.js репозиторий и всегда используйте последнюю версию three.js .
</li>
<li>
[link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] -
То же, что и выше, за исключением того, что они используют ветвь dev three.js , и используются для проверки того, что
все работает как когда разрабатывается three.js .
</li>
</ul>
<h2>Инструменты</h2>
<ul>
<li>
[link:https://github.com/tbensky/physgl physgl.org] - Внешний интерфейс JavaScript с обертками для three.js, чтобы добавить WebGL
графику для студентов, изучающих физику и математику.
</li>
<li>
[link:https://whsjs.readme.io/ Whitestorm.js] – Модульный фреймворк three.js с физическим плагином AmmoNext.
</li>
<li>
[link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector] Инспектор Three.js
</li>
<li>
[link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
</li>
<li>
[link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Подсветка синтаксиса для языка шейдеров.
<br />
[link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Подсветка синтаксиса для помеченных строк шаблона с использованием комментариев к языку шейдеров, например: glsl.js.
</li>
<li>
[link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]
</li>
</ul>
<h2>Ссылки на WebGL</h2>
<ul>
<li>
[link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Ссылка на все ключевые слова WebGL и GLSL, терминологию, синтаксис и определения.
</li>
</ul>
<h2>Старые ссылки</h2>
<p>
Эти ссылки сохранены в исторических целях - вы все еще можете найти их полезными, но имейте в виду, что
они могут содержать информацию, относящуюся к очень старым версиям three.js .
</p>
<ul>
<li>
<a href="https://www.youtube.com/watch?v=Dir4KO9RdhM" target="_blank">AlterQualia at WebGL Camp 3</a>
</li>
<li>
[link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - коллекция примеров, использующих three.js r45.
</li>
<li>
[link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (слайд-шоу).
</li>
<li>
[link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (слайд-шоу).
</li>
<li>
<a href="https://www.youtube.com/watch?v=VdQnOaolrPA" target="_blank">Trigger Rally</a> by [link:https://github.com/jareiko jareiko] (видео).
</li>
<li>
[link:http://blackjk3.github.io/threefab/ ThreeFab] - редактор сцен, поддерживаемый примерно до three.js r50.
</li>
<li>
[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]
</li>
<li>
[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]
</li>
<li>
[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]
</li>
<li>
[link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js учебное пособие на японском языке
</li>
</ul>
</body>
</html>