Transição de água: Uma transição de água: uma parede de água atravessa a tela com uma crista espumosa, permanece por um instante submersa com bolhas e luz, depois escorre para baixo com espuma na superfície.

Transição de água

Uma transição de água: uma parede de água atravessa a tela com uma crista espumosa, permanece por um instante submersa com bolhas e luz, depois escorre para baixo com espuma na superfície. É reproduzida uma vez por loop.

Transição de água é um efeito HD com loop contínuo a cada 2.4 segundos, desenhado em uma tela de 512 x 512. É composto por 11 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 72 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.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 2.4 s.

Transição de água em 8 momentos, de 0 s a 2.1 s

COMO É FEITO

Transição de água empilha 11 emissores de partículas, cada um com sua própria função. Técnicas que valem a pena conferir: subemissores disparados por outras partículas, partículas esticadas na direção do movimento, parâmetros com keyframes e filtros de pós-processamento (bloom).

Todas as camadas emitem continuamente e o loop de 2.4 s se fecha sem emendas, então ele pode rodar pelo tempo que você precisar. Para mudar a cor, selecione "Front Foam" 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. Water FillspriteUma forma posicionada. Extras: movimento com keyframes.
  2. Water Depth, Wave Face, Surface LightspriteUm brilho posicionado. Extras: movimento com keyframes.
  3. BubblespartículasUm fluxo de bolhas ao longo de uma linha, com a taxa animada por keyframes ao longo do loop. As partículas balançam de um lado para o outro. As cores variam entre ciano-claro e azul-claro.
  4. Front Foam, Surface FoampartículasUm fluxo de baforadas de fumaça ao longo de uma linha, com a taxa animada por keyframes ao longo do loop. As partículas crescem conforme envelhecem e desaceleram com o arrasto. As cores variam entre branco e azul-claro.
  5. Flung Drops Sourcepartículas / aditivoUm fluxo de pixels ao longo de uma linha, com a taxa animada por keyframes ao longo do loop. As partículas geram "Flung Drops Rim" ao surgir, geram "Flung Drops Body" ao surgir e geram "Flung Drops Highlight" ao surgir. As cores variam entre laranja e dourado.
  6. Flung Drops Rim, Flung Drops BodypartículasTraços de luz que surgem de "Flung Drops Source". As partículas caem com a gravidade. Cor: azul.
  7. Flung Drops HighlightpartículasTraços de luz que surgem de "Flung Drops Source". As partículas caem com a gravidade. Cor: branco.
  8. Surface Drops Sourcepartículas / aditivoUm fluxo de pixels ao longo de uma linha, com a taxa animada por keyframes ao longo do loop. As partículas geram "Surface Drops Rim" ao surgir, geram "Surface Drops Body" ao surgir e geram "Surface Drops Highlight" ao surgir. As cores variam entre laranja e dourado.
  9. Surface Drops Rim, Surface Drops BodypartículasTraços de luz que surgem de "Surface Drops Source". As partículas caem com a gravidade. Cor: azul.
  10. Surface Drops HighlightpartículasTraços de luz que surgem de "Surface Drops Source". As partículas caem com a gravidade. Cor: branco.

DETALHES

Duração
2.4 segundos, loop sem emendas
Tela
512 x 512, HD
Camadas
11 emissores
Mesclagem
Predominantemente normal
Cores
azulbrancolaranjaazul-claro
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.

MAIS Água e Gelo

Efeito de partículas Nova de águaNova de águaEfeito de partículas Grande Respingo de ÁguaGrande Respingo de ÁguaEfeito de partículas Tubo de Água EstouradoTubo de Água EstouradoEfeito de partículas Respingo de Água CartunescoRespingo de Água CartunescoEfeito de partículas Respingo de MergulhoRespingo de MergulhoEfeito de partículas Gelo nas Bordas da TelaGelo nas Bordas da TelaEfeito de partículas Erupção de GêiserErupção de GêiserEfeito de partículas Vapor de Fonte TermalVapor de Fonte Termal

VOCÊ TAMBÉM PODE GOSTAR

Efeito de partículas Transição de faixasTransição de faixasEfeito de partículas Transição de ondaTransição de ondaEfeito de partículas Transição em ChamasTransição em ChamasEfeito de partículas Transição de retículaTransição de retículaEfeito de partículas Transição ÍrisTransição ÍrisEfeito de partículas Transição de íris em estrelaTransição de íris em estrela

Todos os efeitos de Água e Gelo ou a biblioteca completa.