Constelação se Desenhando: Efeito de constelação para jogos 2D: uma linha brilhante é traçada entre as estrelas, que se acendem quando a caneta chega até elas; depois, a figura brilha e desaparece.

Constelação se Desenhando

Efeito de constelação para jogos 2D: uma linha brilhante é traçada entre as estrelas, que se acendem quando a caneta chega até elas; depois, a figura brilha e desaparece. Loop contínuo para árvores de habilidades e mapas estelares.

Constelação se Desenhando é um efeito HD com loop contínuo a cada 3 segundos, desenhado em uma tela de 512 x 400. É composto por 1 emissor de partículas e 1 traço luminoso. 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 90 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, 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 s.

Constelação se Desenhando em 8 momentos, de 0 s a 2.63 s

COMO É FEITO

Constelação se Desenhando é desenhado com 1 traço luminoso: linhas com um núcleo intenso e um brilho suave traçados ao longo de suas formas, além de 1 emissor de partículas. Técnicas que valem a pena conferir: parâmetros com keyframes e filtros de pós-processamento (bloom).

Todas as camadas emitem continuamente e o loop de 3 s se fecha sem emendas, então ele pode rodar pelo tempo que você precisar. Para mudar a cor da linha, selecione "Star line" e altere Núcleo e Brilho; Início e Fim definem quanto dela é desenhado. As amostras de cor ao lado dos downloads mudam a cor de todas as camadas de uma vez.

Camadas, na ordem de desenho

  1. Star dustpartículas / aditivoUm fluxo constante de brilhos suaves em uma área retangular. As cores variam entre azul-claro e branco.
  2. Star linetraç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 1, Star 2, Star 3 +4sprite / aditivoUma forma posicionada.
  4. Star glow 1, Star glow 2, Star glow 3 +4sprite / aditivoUm brilho posicionado.

DETALHES

Duração
3 segundos, loop sem emendas
Tela
512 x 400, HD
Camadas
1 emissor e 1 traço luminoso
Mesclagem
Predominantemente aditivo (brilhos)
Cores
azul-clarobrancoazul
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 Neon e Linhas Luminosas

Efeito de partículas Círculo Mágico se DesenhandoCírculo Mágico se DesenhandoEfeito de partículas Órbitas de ÁtomoÓrbitas de ÁtomoEfeito de partículas Barreira de Anel ElétricoBarreira de Anel ElétricoEfeito de partículas Aura de Contorno EnergéticoAura de Contorno EnergéticoEfeito de partículas Borda de Botão BrilhanteBorda de Botão BrilhanteEfeito de partículas Revelação de Logo NeonRevelação de Logo NeonEfeito de partículas Letreiro de Neon PiscandoLetreiro de Neon PiscandoEfeito de partículas Texto de Neon se EscrevendoTexto de Neon se Escrevendo

VOCÊ TAMBÉM PODE GOSTAR

Efeito de partículas Mapa de constelaçõesMapa de constelaçõesEfeito de partículas Habilidade DesbloqueadaHabilidade DesbloqueadaEfeito de partículas Galáxia espiralGaláxia espiralEfeito de partículas Sigilo EstelarSigilo EstelarEfeito de partículas Estrelas CintilantesEstrelas CintilantesEfeito de partículas Insígnia de Conquista se FormaInsígnia de Conquista se Forma

Todos os efeitos de Neon e Linhas Luminosas ou a biblioteca completa.