Salto Duplo com Giro: Efeito de salto duplo para um sprite de personagem 2D: ele se agacha e salta, toma impulso no ar com um anel de vento e uma nuvem, dá uma volta completa deixando imagens residuais claras e aterrissa se achatando numa nuvem de poeira, enquanto sua sombra encolhe e cresce abaixo dele.

Salto Duplo com Giro

Efeito de salto duplo para um sprite de personagem 2D: ele se agacha e salta, toma impulso no ar com um anel de vento e uma nuvem, dá uma volta completa deixando imagens residuais claras e aterrissa se achatando numa nuvem de poeira, enquanto sua sombra encolhe e cresce abaixo dele. Troque pelo seu próprio sprite. Sprite criado com SpriteLab.

Salto Duplo com Giro é um efeito HD com loop contínuo a cada 1.8 segundos, desenhado em uma tela de 320 x 320. É composto por 6 emissores de partículas.

Download grátis com fundo transparente, recortado no tamanho do efeito, com 54 frames a 30 fps. Use em jogos comerciais, sem necessidade de crédito.

Roblox: o download é um flipbook para um ParticleEmitter. Defina FlipbookLayout como Grid8x8, FlipbookMode como OneShot e Lifetime como 1.8, e emita uma partícula por ciclo. Configuração no Roblox.

REMIXE COM IA

Experimente:

Em branco, só abre no agente, de graça. Cada mudança usa uma criação de IA, e você começa com criações grátis.

Os dados de engine para Unity, Godot, GameMaker e Aseprite vêm com um plano: abra no estúdio.

Coloque seu próprio personagem com Usar meu sprite: ele ocupa o lugar do herói na mesma altura e todo o efeito o acompanha. Altere as cores, o tempo ou o tamanho, ou exporte para Unity, Godot 4, GameMaker, Phaser, PixiJS e Aseprite.

QUADRO A QUADRO

8 momentos espaçados igualmente ao longo do loop de 1.8 s.

Salto Duplo com Giro em 8 momentos, de 0 s a 1.58 s

COMO É FEITO

Salto Duplo com Giro é reproduzido sobre um sprite de personagem, com 6 emissores de partículas ao redor. O próprio herói recebe comprimir e esticar, giro, quique, quadros de borrão, contorno e movimento com keyframes. Técnicas que valem a pena conferir: módulos de sprite, partículas esticadas na direção do movimento, parâmetros com keyframes e filtros de pós-processamento (bloom).

Faz loop sem emendas a cada 1.8 s, e 5 de suas camadas disparam em rajadas, então pulsa em vez de fluir de forma uniforme. Os inícios são escalonados de 0 s a 1.3 s, então as camadas aparecem uma após a outra. Para mudar a cor, selecione "Landing Dust" no estúdio e edite Colour A e Colour B. Size, na mesma camada, define o tamanho das partículas. Para ver no seu próprio personagem, clique em Use my sprite no estúdio: todas as camadas acompanham o novo sprite.

Camadas, na ordem de desenho

  1. Ground ShadowpartículasUm fluxo constante de brilhos suaves. Cor: preto.
  2. Take-off DustpartículasUma rajada de 10 baforadas de fumaça ao longo de uma linha aos 0.25 s. As partículas crescem conforme envelhecem, giram e desaceleram com o arrasto. As cores variam entre azul-claro e cinza.
  3. Air Ringpartículas / aditivoUma única partícula aos 0.58 s. Cresce conforme envelhece. Cor: branco.
  4. Air Ring Sparkspartículas / aditivoUma rajada de 36 traços de luz de um anel aos 0.58 s. As partículas desaceleram com o arrasto. As cores variam entre branco e azul-claro.
  5. Air PuffpartículasUma rajada de 7 baforadas de fumaça ao longo de uma linha aos 0.58 s. As partículas crescem conforme envelhecem e desaceleram com o arrasto. As cores variam entre branco e azul-claro.
  6. HerospriteO sprite do personagem. Extras: comprimir e esticar, giro, quique, quadros de borrão, contorno e movimento com keyframes.
  7. Landing DustpartículasUma rajada de 14 baforadas de fumaça ao longo de uma linha aos 1.3 s. As partículas caem com a gravidade, crescem conforme envelhecem, giram e desaceleram com o arrasto. As cores variam entre azul-claro e cinza.

DETALHES

Duração
1.8 segundos, loop sem emendas
Tela
320 x 320, HD
Camadas
6 emissores
Mesclagem
Predominantemente normal
Cores
brancoazul-clarocinza
Sprites
Cast (Free to use)

USANDO NO SEU JOGO

Phaser, PixiJS
A folha PNG é uma grade simples de quadros que ambos conseguem fatiar. Um atlas JSON do TexturePacker vem com um plano, pelo estúdio.
Unity
Importe o sprite sheet PNG como um Sprite com Mode definido como Multiple e divida-o em sprites, ou abra o efeito no estúdio para usar uma grade pronta.
Godot 4, GameMaker, Aseprite
Abra no estúdio e escolha sua engine em Export: com um plano, ele gera os arquivos que essa engine importa.
Web e chat
O GIF funciona em qualquer lugar; o APNG mantém as bordas suaves em qualquer fundo.

MAIS Efeitos de sprite

VOCÊ TAMBÉM PODE GOSTAR

Todos os efeitos de Efeitos de sprite ou a biblioteca completa.