TresJS - Геометрии с Vue
Нейроперевод TresJS - Геометрии с Vue Описание В Three.js геометрии представляют структуру 3D-объекта — набор вершин (точек в пространстве), соединённых рёбрами для формирования треугольников (граней). Three.js предоставляет множество встроенных геометрий. Это означает, что с помощью TresJS вы можете использовать их как компоненты Vue. Каждый тип геометрии имеет свой собственный набор аргументов и свойств, которые позволяют настраивать их размер, форму и сложность. Экспериментируя с различными параметрами, мы можем легко изменять и создавать уникальные объекты внутри наших сцен. Чтобы глубже понять, как работают геометрии, мы учимся визуализировать их в режиме каркаса (wireframe). Включив этот режим, можно увидеть, как построены геометрии при помощи треугольников — основных строительных блоков 3D-моделей. Это помогает понять внутреннюю структуру и позволяет точно настраивать параметры геометрии. Кроме того, мы узнаем, как создать собственную базовую буферную геометрию с нуля. Буферные геометрии обеспечивают повышенную производительность за счёт хранения данных о вершинах в буферах, что обеспечивает более плавный рендеринг и повышает эффективность. Ресурсы Репозиторий кода, использованного в этом уроке: https://github.com/alvarosabu/tresjs-basics/tree/feat/geometries TresJS: https://tresjs.org/ Документация ThreeJS по геометриям: https://threejs.org/docs/index.html?q=geometr #api/en/geometries/BoxGeometry Использование tweakpane: https://cientos.tresjs.org/guide/misc/use-tweakpane.html 00:00 - Введение 00:33 - Проверка геометрии с помощью свойства wireframe 01:15 - Вершины, рёбра и грани 03:02 - Использование tweakpane для переключения wireframe 03:27 - SphereGeometry (сферическая геометрия) 06:56 - ConeGeometry (геометрия конуса) 08:35 - TorusGeometry (геометрия тора) 10:30 - TorusKnotGeometry (геометрия торического узла) 11:46 - BufferGeometry (буферная геометрия)
Нейроперевод TresJS - Геометрии с Vue Описание В Three.js геометрии представляют структуру 3D-объекта — набор вершин (точек в пространстве), соединённых рёбрами для формирования треугольников (граней). Three.js предоставляет множество встроенных геометрий. Это означает, что с помощью TresJS вы можете использовать их как компоненты Vue. Каждый тип геометрии имеет свой собственный набор аргументов и свойств, которые позволяют настраивать их размер, форму и сложность. Экспериментируя с различными параметрами, мы можем легко изменять и создавать уникальные объекты внутри наших сцен. Чтобы глубже понять, как работают геометрии, мы учимся визуализировать их в режиме каркаса (wireframe). Включив этот режим, можно увидеть, как построены геометрии при помощи треугольников — основных строительных блоков 3D-моделей. Это помогает понять внутреннюю структуру и позволяет точно настраивать параметры геометрии. Кроме того, мы узнаем, как создать собственную базовую буферную геометрию с нуля. Буферные геометрии обеспечивают повышенную производительность за счёт хранения данных о вершинах в буферах, что обеспечивает более плавный рендеринг и повышает эффективность. Ресурсы Репозиторий кода, использованного в этом уроке: https://github.com/alvarosabu/tresjs-basics/tree/feat/geometries TresJS: https://tresjs.org/ Документация ThreeJS по геометриям: https://threejs.org/docs/index.html?q=geometr #api/en/geometries/BoxGeometry Использование tweakpane: https://cientos.tresjs.org/guide/misc/use-tweakpane.html 00:00 - Введение 00:33 - Проверка геометрии с помощью свойства wireframe 01:15 - Вершины, рёбра и грани 03:02 - Использование tweakpane для переключения wireframe 03:27 - SphereGeometry (сферическая геометрия) 06:56 - ConeGeometry (геометрия конуса) 08:35 - TorusGeometry (геометрия тора) 10:30 - TorusKnotGeometry (геометрия торического узла) 11:46 - BufferGeometry (буферная геометрия)