---
title: Компонент Sprite
brief: Данное руководство описывает, как отображать 2D изображения и анимацию с помощью компонента Sprite.
---

# Компонент Sprite

Компонент Sprite --- это простое изображение или мултикадровая анимация, отображаемая на экране.

![sprite](images/graphics/sprite.png){srcset="images/graphics/sprite@2x.png 2x"}

Спрайт может брать графику либо из [атласа](/manuals/atlas), либо из [источника тайлов](/manuals/tilesource).

## Свойства спрайта

Помимо свойств *Id*, *Position* и *Rotation* существуют следующие специфические свойства компонента:

*Image*
: Ресурс Atlas или Tile Source, используемый в спрайте.

*Default Animation*
: Анимация, используемая для спрайта.

*Material*
: Материал, используемый для рендеринга спрайта.

*Blend Mode*
: Режим наложения, используемый при рендеринге спрайта.

### Режим наложения
:[blend-modes](../shared/blend-modes.md)

## Манипулирование при выполнении

Спрайтами можно манипулировать во время выполнения с помощью ряда различных функций и свойств (обращайтесь к [документации по API](/ref/sprite/)). Функции:

* `sprite.play_flipbook()` --- воспроизводит анимации в спрайте.
* `sprite.set_hflip()` и `sprite.set_vflip()` --- задает горизонтальное и вертикальное переворачивание в анимации спрайта.

Спрайт также имеет ряд различных свойств, которыми можно манипулировать с помощью `go.get()` и `go.set()`:

`cursor`
: Нормализованный курсор анимации (`number`).

`image`
: Изображение спрайта (`hash`). Его можно изменить с помощью свойства атласа или источника тайлов и `go.set()`. За примером обращайтесь к [справочнику по API](/ref/sprite/#image).

`material`
: Материал спрайта (`hash`). Его можно изменить с помощью свойства материала и `go.set()`. За примером обращайтесь к [справочнику по API](/ref/sprite/#material).

`playback_rate`
: Скорость воспроизведения анимации (`number`).

`scale`
: Неравномерный масштаб спрайта (`vector3`).

`size`
: Размер спрайта (`vector3`) (READ ONLY).

:[Slice-9](../shared/slice-9-texturing.md)

## Константы материала

{% include shared/material-constants.md component='sprite' variable='tint' %}

`tint`
: Цветовой оттенок спрайта (`vector4`). Для представления оттенка с компонентами x, y, z и w, соответствующими красному, зеленому, синему и альфа оттенкам, используется тип `vector4`.

## Конфигурация проекта

В файле *game.project* имеются несколько [настроек проекта](/manuals/project-settings#sprite), относящихся к спрайтам.