Введение в 3D: основы Three.js

[empenoso]

Вопрос не совсем в тему, но как вы интерактивные элементы в статью на хабре вставили?

[VitaliSergey]

При помощи oembed:

[empenoso]

Не отображается :(

[VitaliSergey]

Отредактировал коммент.

В дополнение отмечу, что это все «магия» платформы CodePen:)

[empenoso]

Спасибо! С телефона не отображалось.

[fsmorygo]

А можно узнать объективное мнение о разнице в Three.JS и BabylonJS? Кажется второй тоже достаточно популярен и, в чём-то, проще в освоении.

[VitaliSergey]

Я особо не углублялся в BabylonJS, да и с TreeJS не работал так много, как хотелось бы.

И Three.js, и Babylon.js — это простые в использовании библиотеки для работы с WebGL. Ключевым отличием могу назвать то, что Three.js был разработан для создания и отображения анимированной 3D-графики в веб-браузере, у этой библиотеки широкое назначение. В то время, как Babylon.js создавался для разработки 3D-игр, то есть он использует более целенаправленный подход.
TreeJS — первопроходец, BabylonJS — достойный конкурент.

На хабре, кстати, есть отличная статья на эту тему: Игровой мир WebGL или Three.js vs Babylon.js

[l2k]

ThreeJS имеет ряд недостатков. Например отсутствует нормальный Level Editor. Вы не можете составить сцену, а потом её импортировать. Саму интерактивную сцену приходится собирать в ручную в коде.
Babylon.js и Playcanvas эту проблему решает. Вы создаете там сцену, а на её элементы уже вешаете необходимый код. Но как вы понимаете, это больше подходит для полноценных 3D проектов.
Вопрос в том, как вы собираетесь на сайте использовать это 3D :). Если как полноценное 3D приложение, тогда смотрите в сторону babylon, а если только как 3D интерактивную вставку (как 3D картинку) — тогда Three.js отлично подойдет для решения ваших задач ).

[aio350]

Отличная статья. Спасибо

[ArtyomOchkin]

Большое спасибо за статью, очень полезная получилась! Торт. Как раз начинаю разбираться с 3D-графикой, и нашёл ответы на многие свои вопросы.