Popup de Conquista com Entrada Lateral: Popup de conquista: um painel entra pela direita e se acomoda passando um pouco do ponto, a medalha aparece com um anel e um brilho, depois o popup desliza para fora.

Popup de Conquista com Entrada Lateral

Popup de conquista: um painel entra pela direita e se acomoda passando um pouco do ponto, a medalha aparece com um anel e um brilho, depois o popup desliza para fora.

Popup de Conquista com Entrada Lateral é um efeito HD com loop contínuo a cada 3.2 segundos, desenhado em uma tela de 512 x 192. É composto por 10 emissores de partículas.

Cor

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

Download grátis com fundo transparente, recortado no tamanho do efeito, com 96 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.2, 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.2 s.

Popup de Conquista com Entrada Lateral em 8 momentos, de 0 s a 2.8 s

COMO É FEITO

Popup de Conquista com Entrada Lateral empilha 10 emissores de partículas, cada um com sua própria função. Técnicas que valem a pena conferir: módulos de sprite, partículas que formam texto, parâmetros com keyframes e filtros de pós-processamento (bloom).

Faz loop sem emendas a cada 3.2 s, e 2 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.52 s, então as camadas aparecem uma após a outra. Para mudar a cor, selecione "Ring" no estúdio e edite Colour A e Colour B. Size, na mesma camada, define o tamanho das partículas. As amostras de cor ao lado dos downloads mudam a cor de todas as camadas de uma vez.

Camadas, na ordem de desenho

  1. Toast panelspriteUma imagem posicionada. Extras: sombra e movimento com keyframes.
  2. Medal glowsprite / aditivoUm brilho posicionado. Extras: movimento com keyframes.
  3. MedalspriteUma imagem posicionada. Extras: varredura de brilho e movimento com keyframes.
  4. Ringpartículas / aditivoUma única partícula aos 0.5 s. Cresce conforme envelhece. Cor: dourado.
  5. Glintspartículas / aditivoUma rajada de 7 estrelas de um disco aos 0.52 s. As partículas incham e depois encolhem até sumir e desaceleram com o arrasto. As cores variam entre branco e dourado.
  6. caption shadow, caption outline, title shadow +1partículasUm fluxo de pontos que formam um texto, com a taxa animada por keyframes ao longo do loop. Cor: preto.
  7. caption rim, caption bodypartículasUm fluxo de pontos que formam um texto, com a taxa animada por keyframes ao longo do loop. Cor: dourado.
  8. title rim, title bodypartículasUm fluxo de pontos que formam um texto, com a taxa animada por keyframes ao longo do loop. Cor: branco.

DETALHES

Duração
3.2 segundos, loop sem emendas
Tela
512 x 192, HD
Camadas
10 emissores
Mesclagem
Predominantemente normal
Cores
douradobranco
Sprites
Kenney Particle Pack por Kenney (CC0), ParticleFX Rewards por ParticleFX Studio (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.

MAIS Recompensas e UI

VOCÊ TAMBÉM PODE GOSTAR

Todos os efeitos de Recompensas e UI ou a biblioteca completa.