Popup de Recompensa: Popup de recompensa saltitante para jogos mobile e RPGs: um cartão dourado entra passando do ponto sobre raios giratórios, uma moeda cai e se achata, "+500" aparece abaixo, moedas se espalham e tudo encolhe até desaparecer.

Popup de Recompensa

Popup de recompensa saltitante para jogos mobile e RPGs: um cartão dourado entra passando do ponto sobre raios giratórios, uma moeda cai e se achata, "+500" aparece abaixo, moedas se espalham e tudo encolhe até desaparecer.

Popup de Recompensa é um efeito HD com loop contínuo a cada 2.8 segundos, desenhado em uma tela de 384 x 352. É composto por 13 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 84 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 2.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.

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 2.8 s.

Popup de Recompensa em 8 momentos, de 0 s a 2.45 s

COMO É FEITO

Popup de Recompensa empilha 13 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 2.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.59 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. Light rayssprite / aditivoUma imagem posicionada. Extras: movimento com keyframes.
  2. Warm glow, Coin glowsprite / aditivoUm brilho posicionado. Extras: movimento com keyframes.
  3. Reward cardspriteUma imagem posicionada. Extras: sombra e movimento com keyframes.
  4. Flashpartículas / aditivoUma única partícula aos 0.2 s. Cresce conforme envelhece. Cor: dourado pálido.
  5. CoinspriteUma imagem posicionada. Extras: varredura de brilho e movimento com keyframes.
  6. Ringpartículas / aditivoUma única partícula aos 0.54 s. Cresce conforme envelhece. Cor: dourado.
  7. Coin spraypartículasUma rajada de 12 moedas e gemas de um disco aos 0.54 s. As partículas caem com a gravidade, giram e desaceleram com o arrasto. Cor: branco.
  8. Glintspartículas / aditivoUma rajada de 10 estrelas de um disco aos 0.59 s. As partículas incham e depois encolhem até sumir e desaceleram com o arrasto. As cores variam entre branco e dourado.
  9. Idle sparklepartículas / aditivoUm fluxo de estrelas de um disco, 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.
  10. header shadow, header outline, amount shadowpartículasUm fluxo de pontos que formam um texto, com a taxa animada por keyframes ao longo do loop. Cor: preto.

Há mais 5 camadas no estúdio.

DETALHES

Duração
2.8 segundos, loop sem emendas
Tela
384 x 352, HD
Camadas
13 emissores
Mesclagem
Predominantemente normal
Cores
brancodouradodourado pálidolaranja intenso
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.