Animação de sprite: Idle
O loop de respiração que o personagem toca quando nada está acontecendo. Seja sutil: um balanço de um ou dois pixels funciona melhor do que um movimento grande.
Sprite sheet PNG + dados de frames em JSON. Grátis para qualquer projeto, inclusive jogos comerciais.
Especificações
- Frames
- 8
- FPS sugerido
- 8
- Tamanho do frame
- 17×68
- 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 Idle 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("idle", 8)
$AnimatedSprite2D.sprite_frames.set_animation_loop("idle", true)
$AnimatedSprite2D.play("idle")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest Unity
// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None // Sprite Editor > Slice > Grid By Cell Size: 17 x 68 // Drag all 8 sprites into the scene to create the clip, then: // Animation window > Samples = 8, Loop Time = on
Phaser 3
this.load.spritesheet("idle", "idle.png", { frameWidth: 17, frameHeight: 68 });
// in create():
this.anims.create({
key: "idle",
frames: this.anims.generateFrameNumbers("idle", { start: 0, end: 7 }),
frameRate: 8,
repeat: -1,
});
player.play("idle"); // 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 Idle?
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.