Chuva na janela em pixel art: Gotas de chuva em pixel art numa janela à noite: gotículas ficam no vidro e escorrem em movimentos intermitentes, deixando rastros de gotas menores sobre luzes urbanas desfocadas.

Chuva na janela em pixel art

Gotas de chuva em pixel art numa janela à noite: gotículas ficam no vidro e escorrem em movimentos intermitentes, deixando rastros de gotas menores sobre luzes urbanas desfocadas. Forma tiles e loops, para menus aconchegantes, cenas e ambientes internos.

Chuva na janela em pixel art é um efeito de pixel art com loop contínuo a cada 4 segundos, desenhado em uma tela de 384 x 384 pixels, em 3x. É composto por 20 emissores de partículas. A maioria das camadas usa mistura aditiva, fazendo o efeito brilhar em fundos escuros.

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

Chuva na janela em pixel art em 8 momentos, de 0 s a 3.5 s

COMO É FEITO

Chuva na janela em pixel art é pixel art, desenhado em pixels de 3x para ficar na mesma grade dos seus sprites, e construído com 4 emissores de partículas. Técnicas que valem a pena conferir: subemissores disparados por outras partículas e sprites de flipbook. 16 camadas de cena (chão e objetos) aparecem no estúdio como contexto e ficam fora de todas as exportações.

Todas as camadas emitem continuamente e o loop de 4 s se fecha sem emendas, então ele pode rodar pelo tempo que você precisar. Tem pouca cor própria, então aceita bem uma tonalidade: selecione "Sitting beads" e defina Colour A e Colour B. Size, na mesma camada, define o tamanho das partículas. Pixel size, no painel Pixel art, define a espessura dos pixels.

Camadas, na ordem de desenho

  1. CondensationpartículasUm fluxo constante de sprites de imagem em uma área retangular. Cor: azul.
  2. Sitting beadspartículasUm fluxo constante de anéis em uma área retangular. As partículas tocam uma animação de flipbook. Cor: branco.
  3. Trail beadspartículasAnéis que surgem de "Sliding drops". As partículas tocam uma animação de flipbook. Cor: branco.
  4. Sliding dropspartículasUm fluxo constante de anéis em uma área retangular. As partículas deixam "Trail beads" pelo caminho, balançam de um lado para o outro e tocam uma animação de flipbook. Cor: branco.

DETALHES

Duração
4 segundos, loop sem emendas
Tela
384 x 384, pixel art em 3x
Camadas
20 emissores
Mesclagem
Predominantemente aditivo (brilhos)
Cores
violetalaranjaazulbranco
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 Mundo em Pixel Art

VOCÊ TAMBÉM PODE GOSTAR

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