#Threejs

В данной сцене анимированный эффект particles окутывает источник света, который в свою очередь запрограммирован следовать за курсором мыши, освещая другие элементы сцены. В качестве центральной фигуры взяли безликого аватара, части тела которого запрограммировали следить за положением курсора с разной скоростью, за счет чего постарались…

В этой статье я расскажу о создании промо-сайта для одного из больших проектов нашей команды — сайта-агрегатора в спортивной нише, а также о том, какие перед промо стоят цели, и о технологиях, которые мы осваивали и применяли в процессе его разработки.

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

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

Сейчас пришло время создать нашу первую сцену и вывести что-то на экран.

Во время первого урока мы подключим three.js к нашему проекту самым простым способом. Нам предстоит создать только HTML файл и написать немного JS кода.

Спешу вас обрадовать, этот курс не о сложных математических штуках из области аэродинамики, а о том, как можно различными способами отрисовать 3D графику в вебе. А именно нам предстоит разобраться с библиотекой three.js.