Тёмный

11.Three.js в React - Плавный zoom - своя реализация 

Дмитрий Герасимов - о разработке в сфере IT просто
Просмотров 541
50% 1

Собственная реализация zoom в three.js React приложении c помощью react-spring и react-three-fiber.
Уроки, которые стоит посмотреть ранее:
InstansedMesh: • 7.Three.js в React - п...
Основа приложения: • 8.Three.js в React - а...

Опубликовано:

 

9 ноя 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 6   
@Vnikny
@Vnikny 2 года назад
Спасибо за курс. Тоже сейчас 3d и vr в реакте увлёкся. Ещё библиотеку drei пытаюсь использовать с готовыми компонентами, но она как то криво с Typescript работает. А вы не пытались Typescript подключать?
@dmitrii_gerasimov
@dmitrii_gerasimov 2 года назад
Нет не приходилось, но интересная идея для создания нового видео.
@bogdan206
@bogdan206 Год назад
Как реализовать зум к точке?
@dmitrii_gerasimov
@dmitrii_gerasimov Год назад
Просто рассчитать смещение от центра до точки и учесть это при zoom.
@bogdan206
@bogdan206 Год назад
@@dmitrii_gerasimov сможете сделать видео чтоб был зум к точке? А то я так и делаю. И скажем я зумлю к объекту. Рассчитываю смещение и перемещаю камеру к новой позиции. И получается что из-за этого объект уходит из под мышки. Использую перспективную камеру
@dmitrii_gerasimov
@dmitrii_gerasimov Год назад
Я давно не в контексте, поэтому не смогу помочь... Обычно в таких случаях бывает ошибка в расчётах.
Далее
Украшаю чехлы 🎀
00:51
Просмотров 175 тыс.
Я ПОКУПАЮ НОВУЮ ТАЧКУ - МЕЧТУ!
39:05
Camera Movement In Three.js Using GSAP
10:58
Просмотров 30 тыс.
React и Next js убивают фронтенд!
9:11
Create 3D Site with Spline and React - Full Course
1:02:59