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

threejs-postprocessing

Добавляет визуальные эффекты (bloom, DOF, свечение, цветокоррекция) через EffectComposer и кастомные шейдеры. Используйте при создании эффектов размытия, свечения или постобработки в Three.js.

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

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

Навык позволяет применять постобработку к сцене Three.js, используя EffectComposer для добавления визуальных эффектов, таких как свечение (bloom) и размытие. Он обеспечивает интеграцию проходов рендеринга и кастомных шейдеров для улучшения визуального качества 3D-сцены.

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

  • Добавление эффекта свечения (UnrealBloomPass) к объектам сцены.
  • Применение размытия глубины (DOF) для фокусировки внимания на объектах.
  • Настройка цветокоррекции и других визуальных эффектов через кастомные шейдеры.
  • Создание сложных визуальных эффектов, требующих нескольких проходов рендеринга.

Как работает

  1. Импортировать необходимые модули Three.js, включая EffectComposer, RenderPass и UnrealBloomPass.
  2. Создать экземпляр EffectComposer, передав ему рендерер (renderer).
  3. Создать экземпляр RenderPass, передав ему сцену (scene) и камеру (camera).
  4. Добавить RenderPass в EffectComposer с помощью метода addPass.
  5. Добавить дополнительные проходы эффектов (например, UnrealBloomPass) в EffectComposer.
  6. Использовать composer.render() вместо renderer.render() для отрисовки сцены с эффектами.

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

Добавь эффект свечения (bloom) к моей 3D-сцене на Three.js.
Как настроить размытие фона (DOF) в Three.js с помощью EffectComposer?
Примени кастомный шейдер для цветокоррекции в Three.js.

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

  • Библиотека Three.js
  • Модули postprocessing из three/addons

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

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

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

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