O que é uma sprite sheet? Uma explicação clara de como os personagens de jogos se movem
Ao desenhar personagens em pixel art, mais cedo ou mais tarde você esbarra no termo "sprite sheet". Compartilho uma explicação para iniciantes que Keitaro escreveu no note, porque ela percorre o funcionamento passo a passo e me pareceu muito útil.
Um sprite é uma imagem 2D exibida na tela do jogo. Personagens, inimigos, itens, projéteis e efeitos entram nessa categoria, e uma sprite sheet é o que se obtém ao reunir tudo isso em uma imagem grande. Numa animação de caminhada, mostram-se em sequência um quadro com o pé direito à frente, um com os dois pés juntos e outro com o pé esquerdo à frente, trocando rapidamente para parecer que a figura anda. Em outras palavras, o movimento vem da troca de imagens paradas, não de um vídeo.
O jogo não exibe a imagem grande inteira. Ele recorta, por coordenadas, apenas o quadro necessário. Por exemplo, se cada quadro tem 128×128 px e há oito lado a lado, a área exibida passa por 0–127 px, depois 128–255 px, e assim por diante. O artigo também dá um exemplo em que o eixo horizontal são 8 direções e o vertical são ações (andar, atacar, levar dano, defender), ou seja, 8 direções × 7 estados, totalizando 56 quadros.
No uso prático, o texto ressalta que o mais importante é alinhar a posição de referência em cada quadro. Se os pés escorregam alguns pixels de um quadro para o outro, o personagem parece tremer para cima e para baixo durante a animação. Manter o fundo transparente também é indispensável.
Por fim, o texto distingue sprite sheet, que é apenas um conjunto de imagens relacionadas, de sprite atlas, que empacota várias imagens em uma única textura para ganhar eficiência na renderização. O que mais me marcou foi o resumo de que fazer as imagens é menos difícil do que dar a elas uma forma que o jogo consiga usar corretamente. Acho que isso também ajuda quem faz pixel art, sobretudo na etapa de exportação.
Fonte: note (Keitaro)
Um sprite é uma imagem 2D exibida na tela do jogo. Personagens, inimigos, itens, projéteis e efeitos entram nessa categoria, e uma sprite sheet é o que se obtém ao reunir tudo isso em uma imagem grande. Numa animação de caminhada, mostram-se em sequência um quadro com o pé direito à frente, um com os dois pés juntos e outro com o pé esquerdo à frente, trocando rapidamente para parecer que a figura anda. Em outras palavras, o movimento vem da troca de imagens paradas, não de um vídeo.
O jogo não exibe a imagem grande inteira. Ele recorta, por coordenadas, apenas o quadro necessário. Por exemplo, se cada quadro tem 128×128 px e há oito lado a lado, a área exibida passa por 0–127 px, depois 128–255 px, e assim por diante. O artigo também dá um exemplo em que o eixo horizontal são 8 direções e o vertical são ações (andar, atacar, levar dano, defender), ou seja, 8 direções × 7 estados, totalizando 56 quadros.
No uso prático, o texto ressalta que o mais importante é alinhar a posição de referência em cada quadro. Se os pés escorregam alguns pixels de um quadro para o outro, o personagem parece tremer para cima e para baixo durante a animação. Manter o fundo transparente também é indispensável.
Por fim, o texto distingue sprite sheet, que é apenas um conjunto de imagens relacionadas, de sprite atlas, que empacota várias imagens em uma única textura para ganhar eficiência na renderização. O que mais me marcou foi o resumo de que fazer as imagens é menos difícil do que dar a elas uma forma que o jogo consiga usar corretamente. Acho que isso também ajuda quem faz pixel art, sobretudo na etapa de exportação.
Fonte: note (Keitaro)
Comentários 0
Deixe o primeiro comentário, em qualquer idioma.
Entre para comentar