Цикл ходьбы: анимация спрайта

Классика. Цикл ходьбы — это два шага, для каждой ноги: контакт, опускание, проход, подъём. У нас ступни стоят на месте в кадрах контакта, поэтому персонаж не скользит, как на коньках.

Скачать бесплатный спрайт-лист манекена JSON

Спрайт-лист PNG + данные кадров в JSON. Бесплатно для любых проектов, включая коммерческие игры.

Характеристики

Кадры: 8
Рекомендуемый FPS: 9
Размер кадра: 42×68
Тип: Цикл
Вид: Вид сбоку

Перенесите своего персонажа на это движение

Опишите или загрузите персонажа, и мы «оденем» его на это движение: тот же тайминг, те же контакты стоп, ваш арт.

Стоимость: 10 кр.

Анимация «Цикл ходьбы» в вашем движке

Спрайт-лист — это один ряд (или несколько рядов) кадров одинакового размера без отступов, поэтому любой движок может нарезать его по размеру кадра. Ниже — минимальная настройка для самых популярных движков, уже заполненная параметрами этого движения: число кадров, размер кадра и частота кадров.

Это зацикленное движение: включите повтор анимации, и она будет проигрываться бесшовно.

Godot 4

# AnimatedSprite2D > SpriteFrames > "Add frames from sprite sheet"
# Horizontal: 8, Vertical: 1, select all 8 frames.
$AnimatedSprite2D.sprite_frames.set_animation_speed("walk", 9)
$AnimatedSprite2D.sprite_frames.set_animation_loop("walk", true)
$AnimatedSprite2D.play("walk")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest

Unity

// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None
// Sprite Editor > Slice > Grid By Cell Size: 42 x 68
// Drag all 8 sprites into the scene to create the clip, then:
// Animation window > Samples = 9, Loop Time = on

Phaser 3

this.load.spritesheet("walk", "walk.png", { frameWidth: 42, frameHeight: 68 });
// in create():
this.anims.create({
  key: "walk",
  frames: this.anims.generateFrameNumbers("walk", { start: 0, end: 7 }),
  frameRate: 9,
  repeat: -1,
});
player.play("walk"); // with pixelArt: true in the game config

Покадрово

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

Вопросы об этом движении

Можно ли использовать спрайт-лист манекена в коммерческой игре?

Да. Спрайт-листы манекена можно бесплатно использовать в любых проектах, включая коммерческие. Указание авторства приветствуется, но не обязательно.

Как перенести своего персонажа на анимацию «Цикл ходьбы»?

Откройте генератор, опишите или загрузите персонажа и выберите это движение. ИИ «оденет» вашего персонажа на точно такой же тайминг и позы, так что результат совпадёт с манекеном кадр в кадр.

Почему кадры в движке размытые?

Движок фильтрует текстуру. Выберите фильтр Nearest (Godot), Point (Unity) или pixelArt: true (Phaser), чтобы каждый пиксель оставался чётким.

Другие движения