AIKraft/AI/Войти
AIKraft/Skills/sprites-and-images

sprites-and-images

Создание спрайтов и изображений в Phaser 4. Включает фабричные методы, выбор текстур, позиционирование, масштабирование, вращение, tint, flip, alpha, origin, depth и систему миксинов компонентов. Применяется при работе с Sprite, Image, this.add.sprite, this.add.image, texture, setTint, setAlpha.

PHPhaser official Разработка ★ 40.4k

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

Навык обеспечивает создание и манипулирование объектами Sprite и Image в Phaser 4, включая использование фабричных методов, выбор текстур и кадров. Он позволяет выполнять визуальные операции, такие как позиционирование, масштабирование, вращение, изменение цвета (tint), прозрачности (alpha), отражение (flip) и настройка глубины (depth). Также навык охватывает систему миксинов компонентов для расширения функциональности объектов.

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

  • Создание статичного фона с использованием метода add.image для оптимизации производительности.
  • Добавление персонажа или анимированного объекта с помощью метода add.sprite с указанием начального кадра.
  • Настройка внешнего вида объекта путем изменения его цвета, прозрачности или размера.
  • Управление порядком отрисовки объектов на экране с помощью свойства depth.

Как работает

  1. Использовать фабричные методы this.add.image или this.add.sprite в методе create() сцены для создания объекта.
  2. Указать координаты x и y, а также имя текстуры (и кадр для Sprite) при инициализации.
  3. Применять визуальные трансформации, такие как setTint, setAlpha, setScale, setRotation, setFlip или изменение свойств origin и depth.
  4. Взаимодействовать с системой миксинов компонентов для добавления дополнительного поведения объекту.

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

Создай статичное изображение фона в центре экрана с помощью Phaser 4.
Добавь спрайт персонажа с анимацией 'idle-0' в левую часть сцены.
Сделай спрайт полупрозрачным и поверни его на 45 градусов.

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

  • Среда выполнения Phaser 4
  • Загруженные ассеты (текстуры) через ../loading-assets/SKILL.md

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

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

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

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