Sobressalto de Surpresa: Emote de surpresa para sprite de personagem 2D: o personagem dá um pulo esticado, com contorno amarelo, e fica congelado no alto em choque enquanto treme; um ponto de exclamação aparece sobre sua cabeça, com linhas de choque e gotas de suor, e então ele volta a flutuar em repouso.

Sobressalto de Surpresa

Emote de surpresa para sprite de personagem 2D: o personagem dá um pulo esticado, com contorno amarelo, e fica congelado no alto em choque enquanto treme; um ponto de exclamação aparece sobre sua cabeça, com linhas de choque e gotas de suor, e então ele volta a flutuar em repouso. Troque pelo seu próprio sprite. Sprite feito com SpriteLab.

Sobressalto de Surpresa é 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. A maioria das camadas usa mistura aditiva, fazendo o efeito brilhar em fundos escuros.

Cor

Muda a cor da prévia e dos downloads grátis.

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.

Sobressalto de Surpresa em 8 momentos, de 0 s a 1.58 s

COMO É FEITO

Sobressalto de Surpresa é reproduzido sobre um sprite de personagem, com 6 emissores de partículas ao redor. O próprio herói recebe quique, comprimir e esticar, pausa de impacto, tremor, contorno, ajuste de cor, brilho 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 4 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 0.45 s, então as camadas aparecem uma após a outra. Tem pouca cor própria, então aceita bem uma tonalidade: selecione "Floor Shadow" e defina 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. As amostras de cor ao lado dos downloads mudam a cor de todas as camadas de uma vez.

Camadas, na ordem de desenho

  1. Floor ShadowpartículasUm fluxo constante de brilhos suaves. Cor: preto.
  2. HerospriteO sprite do personagem. Extras: quique, comprimir e esticar, pausa de impacto, tremor, contorno, ajuste de cor, brilho e movimento com keyframes.
  3. Exclamation Bar, Exclamation Dotpartículas / aditivoUma única partícula aos 0.43 s. Incha e depois encolhe até sumir. Cor: dourado.
  4. Shock Linespartículas / aditivoUma rajada de 9 traços de luz de um anel aos 0.41 s. As partículas desaceleram com o arrasto. As cores variam entre branco e dourado pálido.
  5. Sweat Dropspartículas / aditivoUma rajada de 3 gotas aos 0.45 s. As partículas caem com a gravidade e se viram na direção do movimento. As cores variam entre azul-claro e azul.
  6. Ghost Wispspartículas / aditivoUm fluxo constante de brilhos suaves em uma área retangular. As partículas crescem conforme envelhecem. Cor: azul-claro.

DETALHES

Duração
1.8 segundos, loop sem emendas
Tela
320 x 320, HD
Camadas
6 emissores
Mesclagem
Predominantemente aditivo (brilhos)
Cores
douradoazul-clarobrancodourado pálido
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.
Modo de mesclagem
Este efeito é feito de luz. Para obter o mesmo brilho no seu jogo, desenhe o sprite com mesclagem aditiva ou exporte-o com fundo preto no estúdio para usar com shaders aditivos.

MAIS Efeitos de sprite

VOCÊ TAMBÉM PODE GOSTAR

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