threejs-fundamentals
Настройка сцен Three.js, камер, рендерера и иерархии Object3D. Полезно при создании 3D-сцен, конфигурации рендереров и работе с трансформациями.
AIcloudai-x
official
Разработка
★ 3.5k
Что делает навык
Настройка базовых компонентов сцены Three.js, включая создание сцены, перспективной камеры и WebGL-рендерера. Позволяет инициализировать окружение для рендеринга 3D-объектов.
Когда применять
- Инициализация новой 3D-сцены с нуля
- Настройка камеры с заданными параметрами поля зрения и соотношения сторон
- Создание рендерера с включенным антиалиасингом
- Подготовка базового каркаса для отрисовки 3D-графики в браузере
Как работает
- Импортировать библиотеку THREE
- Создать экземпляр сцены (THREE.Scene)
- Настроить перспективную камеру (THREE.PerspectiveCamera) с параметрами FOV, соотношения сторон, ближней и дальней плоскостей отсечения
- Инициализировать WebGL-рендерер (THREE.WebGLRenderer) с опциями, такими как antialias
- Настроить размеры рендерера под размеры окна браузера
- Присоединить элемент рендерера к DOM-дереву
Примеры запросов агенту
Создай базовую сцену Three.js с камерой и рендерером
Инициализируй Three.js окружение с антиалиасингом
Настрой сцену, перспективную камеру и WebGL-рендерер для 3D-визуализации
Что понадобится
- Библиотека three
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «threejs-fundamentals» из репозитория:
# https://github.com/cloudai-x/threejs-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r threejs-fundamentals/ ~/.claude/skills/threejs-fundamentals/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.