AIKraft/AI/Войти
AIKraft/Skills/threejs-geometry

threejs-geometry

Создание геометрии в Three.js: встроенные фигуры, BufferGeometry, кастомная геометрия и инстансинг. Применяется для построения 3D-форм, работы с вершинами, создания пользовательских мешей и оптимизации через инстансированное рендеринговое отображение.

cloudai-x official Разработка ★ 3.5k

Что делает навык

Навык обеспечивает создание и управление геометрией в Three.js, включая использование встроенных примитивов, работу с BufferGeometry, генерацию кастомных мешей и оптимизацию рендеринга через инстансинг. Он применяется для построения 3D-форм, манипуляции вершинами и эффективного отображения множества объектов.

Когда применять

  • Создание стандартных 3D-объектов (кубов, сфер, плоскостей) с использованием встроенных геометрий Three.js.
  • Построение пользовательских мешей путем работы с вершинами и буферами (BufferGeometry).
  • Оптимизация производительности рендеринга при отрисовке большого количества одинаковых объектов с помощью инстансинга.
  • Комбинирование созданных геометрий с материалами для формирования финальных 3D-мешей в сцене.

Как работает

  1. Импортировать библиотеку Three.js (import * as THREE from "three").
  2. Создать экземпляр нужной геометрии, используя встроенные классы (например, BoxGeometry, SphereGeometry, PlaneGeometry) или определяя кастомную геометрию.
  3. Создать материал (например, MeshStandardMaterial) и назначить ему параметры визуализации.
  4. Объединить геометрию и материал, создав объект THREE.Mesh.
  5. Добавить созданный меш в сцену (scene.add(mesh)) для отображения.
  6. При необходимости применить инстансинг для оптимизации рендеринга множества объектов.

Примеры запросов агенту

Создай куб размером 1x1x1 и добавь его в сцену с зеленым материалом.
Сгенерируй сферу радиусом 0.5 с детализацией 32x32 и помести её в сцену.
Оптимизируй рендеринг плоскости 10x10, используя инстансированное отображение.

Описание составлено по SKILL.md навыка, сверено 07.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «threejs-geometry» из репозитория: # https://github.com/cloudai-x/threejs-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r threejs-geometry/ ~/.claude/skills/threejs-geometry/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.