Impacto de Fogo em Pixel Art: Impacto de fogo em pixel art: um projétil de fogo atinge o alvo com uma explosão intensa e um anel; em seguida, as chamas sobem pelo alvo e diminuem enquanto brasas flutuam e a fumaça sobe.

Impacto de Fogo em Pixel Art

Impacto de fogo em pixel art: um projétil de fogo atinge o alvo com uma explosão intensa e um anel; em seguida, as chamas sobem pelo alvo e diminuem enquanto brasas flutuam e a fumaça sobe. Use em dano de fogo, golpes que incendeiam e feitiços de fogo que atingem o alvo em jogos de ação e RPGs; a animação é reproduzida uma vez e depois entra em loop.

Impacto de Fogo em Pixel Art é um efeito de pixel art com loop contínuo a cada 1.6 segundos, desenhado em uma tela de 384 x 384 pixels, em 3x. É composto por 11 emissores de partículas e 2 traços luminosos. 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 48 frames a 30 fps. Use em jogos comerciais, sem necessidade de crédito.

Licença: use em qualquer projeto, incluindo jogos comerciais pagos, como um jogo vendido na Steam. Não é necessário comprar uma licença para cada projeto nem dar créditos. Termos.

Roblox: o download é um flipbook para um ParticleEmitter. Defina FlipbookLayout como Grid8x8, FlipbookMode como OneShot e Lifetime como 1.6, 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.

ABRIR NO STUDIO

Altere as cores, o tempo ou o tamanho, ou exporte para Unity, Godot 4, GameMaker, Phaser, PixiJS e Aseprite.

Experimente variações: novas cores, movimentos e formas deste efeito, grátis no studio.

QUADRO A QUADRO

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

Impacto de Fogo em Pixel Art em 8 momentos, de 0 s a 1.4 s

COMO É FEITO

Impacto de Fogo em Pixel Art é pixel art, desenhado em pixels de 3x para ficar na mesma grade dos seus sprites, e construído com 11 emissores de partículas. Técnicas que valem a pena conferir: traços luminosos ao longo de formas, subemissores disparados por outras partículas, colisões, turbulência e filtros de pós-processamento (bloom e gradação de cor). 3 camadas de cena (chão e objetos) aparecem no estúdio como contexto e ficam fora de todas as exportações.

Faz loop sem emendas a cada 1.6 s, e 6 de suas camadas disparam em rajadas, então pulsa em vez de fluir de forma uniforme. Para mudar a cor, selecione "Flames" no estúdio e edite o gradiente Colour over Life. Size, na mesma camada, define o tamanho das partículas. Pixel size, no painel Pixel art, define a espessura dos pixels. 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 light, Fire light on targetpartículas / aditivoUma única partícula aos 0.14 s. Cor: laranja.
  2. Fire bolttraço / aditivoUma linha luminosa traçada ao longo de um caminho. O início e o fim são animados por keyframes, fazendo com que a linha apareça e desapareça sozinha.
  3. Flamespartículas / aditivoUm fluxo de brilhos suaves em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas flutuam para cima, vagueiam com a turbulência, incham e depois encolhem até sumir e desaceleram com o arrasto. A cor vai de branco a vermelho intenso ao longo de cada vida.
  4. Flame tonguespartículas / aditivoUm fluxo de traços de luz em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas desaceleram com o arrasto. A cor vai de branco a vermelho ao longo de cada vida.
  5. SmokepartículasUm fluxo de baforadas de fumaça em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas geram "Smoke lit tops" ao surgir, flutuam para cima, vagueiam com a turbulência e crescem conforme envelhecem. Cor: cinza escuro.
  6. Smoke lit topspartículasBaforadas de fumaça que surgem de "Smoke". As partículas flutuam para cima, vagueiam com a turbulência, crescem conforme envelhecem e desaceleram com o arrasto. A cor vai de cinza a cinza escuro ao longo de cada vida.
  7. Emberspartículas / aditivoUm fluxo de pixels em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas flutuam para cima, balançam de um lado para o outro e desaceleram com o arrasto. A cor vai de dourado pálido a vermelho ao longo de cada vida.
  8. Fire burstpartículas / aditivoUma rajada de 16 brilhos suaves de um disco aos 0.14 s. As partículas flutuam para cima e desaceleram com o arrasto. A cor vai de branco a vermelho intenso ao longo de cada vida.
  9. Fire ringtraço / aditivoUma linha luminosa traçada ao longo de um círculo.
  10. Sparkspartículas / aditivoUma rajada de 18 traços de luz aos 0.14 s. As partículas caem com a gravidade, quicam ao bater em algo e desaceleram com o arrasto. A cor vai de branco a vermelho ao longo de cada vida.

Há mais 2 camadas no estúdio.

DETALHES

Duração
1.6 segundos, loop sem emendas
Tela
384 x 384, pixel art em 3x
Camadas
11 emissores e 2 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
brancolaranjadourado pálidocinza escuro
Sprites
Kenney Smoke Particles por Kenney (CC0)

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 Combate em Pixel Art

VOCÊ TAMBÉM PODE GOSTAR

Todos os efeitos de Combate em Pixel Art ou a biblioteca completa.