threejs-materials
Работа с материалами Three.js: PBR, basic, phong, шейдеры и свойства материалов. Применяется для стилизации мешей, работы с текстурами, создания кастомных шейдеров и оптимизации производительности.
AIcloudai-x
official
Разработка
★ 3.5k
Что делает навык
Навык обеспечивает работу с материалами Three.js, включая PBR, basic, phong и кастомные шейдеры, а также управление их свойствами. Он применяется для стилизации мешей, работы с текстурами, создания шейдеров и оптимизации производительности.
Когда применять
- Создание реалистичного рендеринга с использованием PBR-материалов (MeshStandardMaterial)
- Стилизация 3D-мешей с помощью различных типов материалов (basic, phong)
- Разработка кастомных шейдеров для специфических визуальных эффектов
- Оптимизация производительности сцены через правильный выбор материалов и текстур
Как работает
- Импортировать библиотеку Three.js (import * as THREE from "three")
- Выбрать подходящий тип материала (например, MeshStandardMaterial для PBR)
- Настроить свойства материала (color, roughness, metalness и другие)
- Создать меш, передав геометрию и материал в конструктор THREE.Mesh
- Применить материал к объекту для рендеринга или дальнейшей настройки
Примеры запросов агенту
Создай зеленый PBR-материал с шероховатостью 0.5 и металличностью 0.5 для меша
Примени базовый материал к геометрии куба для простой стилизации
Настрой свойства MeshStandardMaterial для достижения реалистичного вида объекта
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «threejs-materials» из репозитория:
# https://github.com/cloudai-x/threejs-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r threejs-materials/ ~/.claude/skills/threejs-materials/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.