TresJS OrbitControls
Нейроперевод TresJS OrbitControls Описание В этом видео мы рассмотрим мощную функцию TresJS — OrbitControls, которая позволяет добавить навигацию камеры в ваши 3D-сцены. В частности, мы покажем три разных способа реализации OrbitControls, каждый из которых имеет свои преимущества и недостатки. Сначала мы покажем вам, как использовать аддон OrbitControls, доступный по адресу three/addons/controls/OrbitControls.js. Это наиболее близко к тому, что вы могли бы реализовать в обычном проекте ThreeJS. Затем мы продемонстрируем, как расширить каталог TresJS для создания компонента Vue TresOrbitControls и передать текущую камеру и элемент canvas для реализации собственного варианта OrbitControls. Это даст вам больший контроль над поведением камеры, но потребует немного больше кодирования. Наконец, мы познакомим вас с компонентом OrbitControls из пакета Cientos. Это предварительно созданный компонент Vue, который можно легко импортировать и настроить, сэкономив еще больше времени и усилий, а также избежав необходимости вручную импортировать аддон. Независимо от того, являетесь ли вы опытным пользователем TresJS или только начинаете осваивать его, это видео содержит массу полезной информации и советов, которые помогут вам овладеть OrbitControls и поднять свои 3D-сцены на новый уровень. Присаживайтесь удобнее, расслабьтесь и приступим! Ресурсы: TresJS: https://tresjs.org/ Orbit Controls в TresJS: https://tresjs.org/examples/orbit-controls.html Расширение каталога Tres: https://tresjs.org/advanced/extending.html OrbitControls из пакета Cientos: https://tresjs.org/cientos/controls/orbit-controls.html OrbitControls в ThreeJS: https://threejs.org/docs/index.html?q=orbit #examples/en/controls/OrbitControls GitHub репозиторий: https://github.com/Tresjs/basics Наши спонсоры Представляем Storyblok (не путайте со Storybook — это совсем другая вещь) — первую в мире headless CMS, которая одинаково хорошо работает как для разработчиков, так и для бизнес-пользователей. Предупреждаем: как только вы начнете ею пользоваться, вы уже никогда не вернетесь к другим системам управления контентом. Попробуйте здесь: https://t.co/aaEZxcPC4W 😜 00:00 - Вступление 00:29 - Что такое Orbit Controls 01:41 - Добавление TorusKnotGeometry 04:26 - Аддон OrbitControls из ThreeJS 08:39 - Некоторые свойства Orbit Controls 10:22 - Расширение каталога 13:36 - Спонсорский блок 14:13 - OrbitControls из пакета Cientos 18:10 - Заключение
Нейроперевод TresJS OrbitControls Описание В этом видео мы рассмотрим мощную функцию TresJS — OrbitControls, которая позволяет добавить навигацию камеры в ваши 3D-сцены. В частности, мы покажем три разных способа реализации OrbitControls, каждый из которых имеет свои преимущества и недостатки. Сначала мы покажем вам, как использовать аддон OrbitControls, доступный по адресу three/addons/controls/OrbitControls.js. Это наиболее близко к тому, что вы могли бы реализовать в обычном проекте ThreeJS. Затем мы продемонстрируем, как расширить каталог TresJS для создания компонента Vue TresOrbitControls и передать текущую камеру и элемент canvas для реализации собственного варианта OrbitControls. Это даст вам больший контроль над поведением камеры, но потребует немного больше кодирования. Наконец, мы познакомим вас с компонентом OrbitControls из пакета Cientos. Это предварительно созданный компонент Vue, который можно легко импортировать и настроить, сэкономив еще больше времени и усилий, а также избежав необходимости вручную импортировать аддон. Независимо от того, являетесь ли вы опытным пользователем TresJS или только начинаете осваивать его, это видео содержит массу полезной информации и советов, которые помогут вам овладеть OrbitControls и поднять свои 3D-сцены на новый уровень. Присаживайтесь удобнее, расслабьтесь и приступим! Ресурсы: TresJS: https://tresjs.org/ Orbit Controls в TresJS: https://tresjs.org/examples/orbit-controls.html Расширение каталога Tres: https://tresjs.org/advanced/extending.html OrbitControls из пакета Cientos: https://tresjs.org/cientos/controls/orbit-controls.html OrbitControls в ThreeJS: https://threejs.org/docs/index.html?q=orbit #examples/en/controls/OrbitControls GitHub репозиторий: https://github.com/Tresjs/basics Наши спонсоры Представляем Storyblok (не путайте со Storybook — это совсем другая вещь) — первую в мире headless CMS, которая одинаково хорошо работает как для разработчиков, так и для бизнес-пользователей. Предупреждаем: как только вы начнете ею пользоваться, вы уже никогда не вернетесь к другим системам управления контентом. Попробуйте здесь: https://t.co/aaEZxcPC4W 😜 00:00 - Вступление 00:29 - Что такое Orbit Controls 01:41 - Добавление TorusKnotGeometry 04:26 - Аддон OrbitControls из ThreeJS 08:39 - Некоторые свойства Orbit Controls 10:22 - Расширение каталога 13:36 - Спонсорский блок 14:13 - OrbitControls из пакета Cientos 18:10 - Заключение