Faixa de missão concluída em pixel art: Faixa de missão concluída em pixel art: uma faixa carmesim se desenrola de dois rolos enquanto MISSÃO CONCLUÍDA surge letra por letra.

Faixa de missão concluída em pixel art

Faixa de missão concluída em pixel art: uma faixa carmesim se desenrola de dois rolos enquanto MISSÃO CONCLUÍDA surge letra por letra. Estrelas explodem, raios se abrem em leque e confetes caem antes de desaparecer. Use em telas de missão, fase ou nível concluído em RPGs, jogos de aventura e plataforma.

Faixa de missão concluída em pixel art é um efeito de pixel art com loop contínuo a cada 3.4 segundos, desenhado em uma tela de 504 x 288 pixels, em 3x. É composto por 11 emissores de partículas, 11 traços luminosos e 1 camada de texto. 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 102 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 3.4, 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 3.4 s.

Faixa de missão concluída em pixel art em 8 momentos, de 0 s a 2.98 s

COMO É FEITO

Faixa de missão concluída em pixel art é desenhado com 11 traços luminosos: linhas com um núcleo intenso e um brilho suave traçados ao longo de suas formas, além de 11 emissores de partículas. Técnicas que valem a pena conferir: texto estilizado animado letra por letra, módulos de sprite, partículas esticadas na direção do movimento e parâmetros com keyframes.

Faz loop sem emendas a cada 3.4 s, e 9 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.63 s, então as camadas aparecem uma após a outra. Para mudar a cor da linha, selecione "Light ray" e altere Núcleo e Brilho; Início e Fim definem quanto dela é desenhado. 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. Banner glowpartículas / aditivoUma única partícula aos 0.56 s. Cor: laranja.
  2. Light ray, Light ray, Light ray +8traç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. Star burstpartículas / aditivoUma rajada de 12 estrelas em uma área retangular aos 0.56 s. As partículas caem com a gravidade, incham e depois encolhem até sumir, giram e desaceleram com o arrasto. A cor vai de branco a laranja ao longo de cada vida.
  4. Star glintspartículas / aditivoUma rajada de 14 faíscas em uma área retangular aos 0.58 s. As partículas caem com a gravidade, incham e depois encolhem até sumir e desaceleram com o arrasto. As cores variam entre branco e dourado pálido.
  5. Twinklespartículas / aditivoUm fluxo de formas pequenas em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas incham e depois encolhem até sumir. As cores variam entre branco e dourado pálido.
  6. Left tail, Right tail, Left roll +1spriteUma imagem posicionada. Extras: movimento com keyframes.
  7. RibbonspriteUma imagem posicionada. Extras: varredura de brilho, flash de impacto e movimento com keyframes.
  8. QUEST COMPLETEtextoAs palavras "QUEST COMPLETE" em Press Start 2P. As letras aparecem uma após a outra. No final, elas desaparecem gradualmente.
  9. Letter glintspartículas / aditivoUm fluxo de faíscas nas letras do texto, com a taxa animada por keyframes ao longo do loop. As partículas incham e depois encolhem até sumir. As cores variam entre branco e dourado pálido.
  10. Ribbon flashpartículas / aditivoUma única partícula aos 0.56 s. Cor: branco.

Há mais 5 camadas no estúdio.

DETALHES

Duração
3.4 segundos, loop sem emendas
Tela
504 x 288, pixel art em 3x
Camadas
11 emissores, 11 traços luminosos e 1 camada de texto
Mesclagem
Predominantemente aditivo (brilhos)
Cores
laranjadourado pálidobrancodourado
Sprites
Apenas formas integradas

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 VFX de pixel art

VOCÊ TAMBÉM PODE GOSTAR

Todos os efeitos de VFX de pixel art ou a biblioteca completa.