TresJS - Анимация ваших 3D-объектов с помощью Vue
Нейроперевод TresJS - Анимация ваших 3D-объектов с помощью Vue Описание TresJS теперь выпущен и является открытым исходным кодом 🎉 В этом втором видео мы оживим наш куб, добавив анимацию с помощью хука useRenderLoop и ссылок на шаблоны Vue (Template Refs). Как всегда, вы можете поддержать нас, поставив "Нравится", и не забудьте подписаться, чтобы получать больше 3D-контента на Vue. Ресурсы: Репозиторий с кодом, использованным в этом уроке: https://github.com/alvarosabu/tresjs-basics/tree/feat/animate-objects Базовая анимация в TresJS: https://tresjs.org/examples/basic-animations.html Площадка для экспериментов (Playground): https://playground.tresjs.org/ Документация по requestAnimationFrame: https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame 00:00 - Введение 00:09 - Краткий обзор предыдущего видео 00:25 - Как работает анимация 01:37 - Кадры в секунду (FPS) 02:11 - Использование requestAnimationFrame в ThreeJS 04:14 - График FPS с использованием useTweakPane 04:36 - Анимация с использованием TemplateRefs и onLoop 09:55 - delta и elapsed 11:13 - Анимация с использованием тригонометрии 12:48 - Заключение
Нейроперевод TresJS - Анимация ваших 3D-объектов с помощью Vue Описание TresJS теперь выпущен и является открытым исходным кодом 🎉 В этом втором видео мы оживим наш куб, добавив анимацию с помощью хука useRenderLoop и ссылок на шаблоны Vue (Template Refs). Как всегда, вы можете поддержать нас, поставив "Нравится", и не забудьте подписаться, чтобы получать больше 3D-контента на Vue. Ресурсы: Репозиторий с кодом, использованным в этом уроке: https://github.com/alvarosabu/tresjs-basics/tree/feat/animate-objects Базовая анимация в TresJS: https://tresjs.org/examples/basic-animations.html Площадка для экспериментов (Playground): https://playground.tresjs.org/ Документация по requestAnimationFrame: https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame 00:00 - Введение 00:09 - Краткий обзор предыдущего видео 00:25 - Как работает анимация 01:37 - Кадры в секунду (FPS) 02:11 - Использование requestAnimationFrame в ThreeJS 04:14 - График FPS с использованием useTweakPane 04:36 - Анимация с использованием TemplateRefs и onLoop 09:55 - delta и elapsed 11:13 - Анимация с использованием тригонометрии 12:48 - Заключение