threejs-loaders
Загружает 3D-модели, текстуры, изображения и HDR-окружение через GLTF. Используется для управления асинхронными паттернами и отслеживания прогресса загрузки.
AIcloudai-x
official
Разработка
★ 3.5k
Что делает навык
Навык предоставляет инструменты для загрузки 3D-моделей, текстур и изображений с использованием библиотек GLTFLoader и TextureLoader из Three.js. Он решает задачу асинхронного импорта ресурсов в сцену с обработкой результатов загрузки.
Когда применять
- Импорт 3D-моделей в формате GLTF/GLB в сцену Three.js
- Загрузка текстурных изображений (например, JPG) для материалов объектов
- Создание и настройка загрузчиков для работы с внешними ресурсами
- Добавление загруженных объектов или текстур в активную сцену
Как работает
- Импортировать базовый модуль THREE и необходимые классы загрузчиков (например, GLTFLoader из three/addons/loaders/GLTFLoader.js)
- Инициализировать экземпляр загрузчика (new GLTFLoader() или new THREE.TextureLoader())
- Вызвать метод load у экземпляра загрузчика, передав путь к файлу и колбэк-функцию
- В колбэке обработать полученные данные (например, добавить gltf.scene в сцену)
- Присвоить загруженный ресурс переменной или применить его к объекту
Примеры запросов агенту
Загрузи 3D-модель model.glb в сцену с помощью GLTFLoader
Загрузи текстуру texture.jpg для использования в материалах
Напиши код для инициализации загрузчика текстур и получения текстуры из файла
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «threejs-loaders» из репозитория:
# https://github.com/cloudai-x/threejs-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r threejs-loaders/ ~/.claude/skills/threejs-loaders/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.