Собственная разработка WIIKO
Ниже — та же сцена, что на главной, только разваливается позже: куб можно рассмотреть собранным. У каждого из 26 кубиков своё тело в физическом движке. Прокрутите страницу: куб рассыплется, кубики ударятся друг о друга и улягутся сами. После этого наведите курсор — он и светит, и толкает, — а любой кубик можно взять мышью, потащить и бросить.
Курсор — источник света и физическое тело. Хватайте кубики и кидайте
Столкновения, вес, трение и отскок считает движок. Объекты сталкиваются друг с другом и с руками пользователя, а не проигрывают заранее нарисованный ролик.
Он освещает объекты и отбрасывает от них тени, а на этой странице ещё толкает их и берёт в руку: у курсора есть собственное тело в движке.
Вниз — действие идёт вперёд, вверх — отматывается назад до кадра. Остановка на середине оставляет сцену там, где её застали.
Сценарий разыгрывается заново на каждом заходе, поэтому вторая прокрутка не повторяет первую.
Логотип, изделие, упаковка, деталь. Из OBJ, GLB или FBX — модель разбирается на части, и каждая получает собственное тело в движке.
Сцена считается только когда она в кадре и вкладка активна. Тяжёлые вычисления уходят в паузы между кадрами.
Отдельный блок на странице, а не переделка сайта. Работает и там, где 3D не поддерживается: на месте блока остаётся вёрстка без него.
Что показываем, где на странице стоит, что должно происходить при прокрутке.
Приводим геометрию к сцене, раскладываем на части, подбираем материалы и свет.
Поведение, физика, реакция на прокрутку и курсор, поведение на телефоне.
Ставим на ваш сайт, отдаём исходники и показываем, как менять параметры.
Напишите, что нужно показать. Если модели ещё нет — подскажем, в каком виде её проще получить.