Animação de sprite: Escalar

Um loop de subida em escada ou parede, uma mão de cada vez.

Sprite sheet PNG + dados de frames em JSON. Grátis para qualquer projeto, inclusive jogos comerciais.

Especificações

Frames: 8
FPS sugerido: 6
Tamanho do frame: 24×74
Tipo: Loop
Vista: Vista lateral

Coloque seu personagem neste movimento

Descreva ou envie um personagem e nós o vestimos neste mesmo movimento: mesmo timing, mesmos contatos dos pés, sua arte.

Custa 10 créditos

Use a animação Escalar na sua engine

O sheet é uma única linha (ou poucas linhas) de frames do mesmo tamanho, sem margens, então qualquer engine consegue fatiar pelo tamanho do frame. Aqui está a configuração mínima para as engines mais comuns, já preenchida com a quantidade de frames, o tamanho e o frame rate deste movimento.

Este é um movimento em loop: configure a animação para repetir e ela vai rodar sem emendas.

Godot 4

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

Unity

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

Phaser 3

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

Frame a frame

Todos os frames do sheet do manequim, em ordem. Use como referência de timing quando desenhar seus próprios frames, ou para escolher o frame em que a jogabilidade deve reagir.

Perguntas sobre este movimento

Posso usar o sheet do manequim num jogo comercial?

Sim. Os sprite sheets do manequim são gratuitos para qualquer projeto, inclusive comercial. O crédito é bem-vindo, mas não é obrigatório.

Como coloco meu próprio personagem nesta animação Escalar?

Abra o gerador, descreva ou envie seu personagem e escolha este movimento. A IA veste seu personagem exatamente no mesmo timing e nas mesmas poses, então o resultado bate com o manequim frame a frame.

Por que meus frames ficam borrados na engine?

Sua engine está filtrando a textura. Defina o filtro como Nearest (Godot), Point (Unity) ou pixelArt: true (Phaser) para cada pixel continuar nítido.

Mais movimentos