Círculo Mágico se Desenhando: Efeito de círculo mágico para jogos 2D: um círculo de invocação se desenha sozinho, com anel externo, marcas rúnicas, anel interno e pentagrama, cada parte traçada por uma caneta brilhante; depois, pisca com faíscas e desaparece.

Círculo Mágico se Desenhando

Efeito de círculo mágico para jogos 2D: um círculo de invocação se desenha sozinho, com anel externo, marcas rúnicas, anel interno e pentagrama, cada parte traçada por uma caneta brilhante; depois, pisca com faíscas e desaparece. Loop contínuo.

Círculo Mágico se Desenhando é um efeito HD com loop contínuo a cada 3 segundos, desenhado em uma tela de 512 x 512. É composto por 2 emissores de partículas e 6 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 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.

Círculo Mágico se Desenhando em 8 momentos, de 0 s a 2.63 s

COMO É FEITO

Círculo Mágico se Desenhando é desenhado com 6 traços luminosos: linhas com um núcleo intenso e um brilho suave traçados ao longo de suas formas, além de 2 emissores de partículas. Técnicas que valem a pena conferir: partículas esticadas na direção do movimento, parâmetros com keyframes e filtros de pós-processamento (bloom).

Faz loop sem emendas a cada 3 s, e uma camada dispara em rajadas, então pulsa em vez de fluir de forma uniforme. Para mudar a cor da linha, selecione "Outer hairline" 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. Floor glowsprite / aditivoUm brilho posicionado.
  2. Outer hairline, Outer ring, Inner ringtraço / aditivoUma linha luminosa traçada ao longo de um círculo. O início e o fim são animados por keyframes, fazendo com que a linha apareça e desapareça sozinha.
  3. Rune ticks, Centre sealtraço / aditivoUma linha luminosa traçada ao longo de um círculo. O início e o fim são animados por keyframes, fazendo com que a linha apareça e desapareça sozinha. É desenhada em traços separados.
  4. Pentagramtraço / aditivoUma linha luminosa traçada ao longo de uma estrela. O início e o fim são animados por keyframes, fazendo com que a linha apareça e desapareça sozinha.
  5. Completion sparkspartículas / aditivoUma rajada de 48 traços de luz de um anel aos 1.52 s. As partículas desaceleram com o arrasto. As cores variam entre branco e ciano-claro.
  6. Rising motespartículas / aditivoUm fluxo de brilhos suaves de um anel, com a taxa animada por keyframes ao longo do loop. As partículas incham e depois encolhem até sumir. As cores variam entre ciano-claro e branco.

DETALHES

Duração
3 segundos, loop sem emendas
Tela
512 x 512, HD
Camadas
2 emissores e 6 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
cianobrancociano-claro
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

VOCÊ TAMBÉM PODE GOSTAR

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