AIKraft/Skills/threejs-loaders

threejs-loaders

Загружает 3D-модели, текстуры, изображения и HDR-окружение через GLTF. Используется для управления асинхронными паттернами и отслеживания прогресса загрузки.

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

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

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

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

  • Импорт 3D-моделей в формате GLTF/GLB в сцену Three.js
  • Загрузка текстурных изображений (например, JPG) для материалов объектов
  • Создание и настройка загрузчиков для работы с внешними ресурсами
  • Добавление загруженных объектов или текстур в активную сцену

Как работает

  1. Импортировать базовый модуль THREE и необходимые классы загрузчиков (например, GLTFLoader из three/addons/loaders/GLTFLoader.js)
  2. Инициализировать экземпляр загрузчика (new GLTFLoader() или new THREE.TextureLoader())
  3. Вызвать метод load у экземпляра загрузчика, передав путь к файлу и колбэк-функцию
  4. В колбэке обработать полученные данные (например, добавить gltf.scene в сцену)
  5. Присвоить загруженный ресурс переменной или применить его к объекту

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

Загрузи 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 и совместимые) подхватывает его по описанию и следует шагам.