Texto de Neon se Escrevendo: Efeito de texto de subida de nível para jogos 2D: letras douradas de neon aparecem uma a uma, atrás de uma caneta brilhante, piscam e soltam brilhos, depois desaparecem.

Texto de Neon se Escrevendo

Efeito de texto de subida de nível para jogos 2D: letras douradas de neon aparecem uma a uma, atrás de uma caneta brilhante, piscam e soltam brilhos, depois desaparecem. Loop contínuo para interfaces de RPGs e jogos mobile.

Texto de Neon se Escrevendo é um efeito HD com loop contínuo a cada 2.6 segundos, desenhado em uma tela de 512 x 256. É composto por 1 emissor de partículas e 2 traços luminosos. 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 78 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.6, 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.6 s.

Texto de Neon se Escrevendo em 8 momentos, de 0 s a 2.28 s

COMO É FEITO

Texto de Neon se Escrevendo é desenhado com 2 traços luminosos: 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).

Faz loop sem emendas a cada 2.6 s, e uma camada dispara em rajadas, então pulsa em vez de fluir de forma uniforme. Para mudar a cor da linha, selecione "LEVEL UP" 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. Back glowsprite / aditivoUm brilho posicionado.
  2. LEVEL UPtraço / aditivoUma linha luminosa traçada ao longo de os contornos do texto. O início e o fim são animados por keyframes, fazendo com que a linha apareça e desapareça sozinha.
  3. Underlinetraç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.
  4. Sparklespartículas / aditivoUma rajada de 36 estrelas em uma área retangular aos 1.27 s. As partículas caem com a gravidade, incham e depois encolhem até sumir, giram e desaceleram com o arrasto. As cores variam entre dourado pálido e dourado.

DETALHES

Duração
2.6 segundos, loop sem emendas
Tela
512 x 256, HD
Camadas
1 emissor e 2 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
dourado pálidodouradolaranjabranco
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 Revelação de Logo NeonRevelação de Logo NeonEfeito de partículas Borda de Botão BrilhanteBorda de Botão BrilhanteEfeito de partículas Círculo Mágico se DesenhandoCírculo Mágico se DesenhandoEfeito de partículas Letreiro de Neon PiscandoLetreiro de Neon PiscandoEfeito de partículas Ativação do Círculo de InvocaçãoAtivação do Círculo de InvocaçãoEfeito de partículas Órbitas de ÁtomoÓrbitas de ÁtomoEfeito de partículas Constelação se DesenhandoConstelação se DesenhandoEfeito de partículas Barreira de Anel ElétricoBarreira de Anel Elétrico

VOCÊ TAMBÉM PODE GOSTAR

Efeito de partículas Texto de Vitória com PartículasTexto de Vitória com PartículasEfeito de partículas Entrada Impactante do Nome do ChefeEntrada Impactante do Nome do ChefeEfeito de partículas Subida de Nível de DesenhoSubida de Nível de DesenhoEfeito de partículas Revelação de Logo de JogoRevelação de Logo de JogoEfeito de partículas Subir de NívelSubir de NívelEfeito de partículas Texto se Forma com PartículasTexto se Forma com Partículas

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