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

threejs-animation

Создаёт анимации в Three.js: ключевые кадры, скелетную анимацию, морфинг и смешивание. Применяется для анимации объектов, воспроизведения GLTF-анимаций, процедурного движения и блендинга.

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

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

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

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

  • Создание простой процедурной анимации объектов с использованием таймера.
  • Воспроизведение и управление анимациями из GLTF-файлов.
  • Реализация скелетной анимации и морфинга для сложных моделей.
  • Смешивание (блендинг) различных анимационных состояний.

Как работает

  1. Инициализировать экземпляр THREE.Clock для отслеживания времени.
  2. В цикле анимации получать дельту времени (delta) и прошедшее время (elapsed).
  3. Применять изменения к свойствам объектов (например, rotation, position) на основе полученных значений времени.
  4. Использовать методы Three.js для работы с ключевыми кадрами, скелетами или GLTF-анимациями в зависимости от задачи.

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

Создай процедурную анимацию вращения и покачивания объекта в Three.js.
Как воспроизвести GLTF-анимацию в сцене Three.js?
Реализуй смешивание двух анимаций скелета в Three.js.

Что понадобится

  • Библиотека three (импорт через import * as THREE from "three")

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

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

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

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