Raio das Sombras em Pixel Art: Raio das sombras em pixel art: um orbe negro com borda violeta vem voando e deixa rastros escuros.

Raio das Sombras em Pixel Art

Raio das sombras em pixel art: um orbe negro com borda violeta vem voando e deixa rastros escuros. No impacto, suga tudo para dentro e depois explode em névoa escura, um anel e faíscas violetas. Use em magias das trevas, maldições e ataques de bruxos ou necromantes em RPGs; a animação toca uma vez e depois entra em loop.

Raio das Sombras em Pixel Art é um efeito de pixel art com loop contínuo a cada 1.6 segundos, desenhado em uma tela de 384 x 384 pixels, em 3x. É composto por 15 emissores de partículas e 2 traços luminosos. A maioria das camadas usa mistura aditiva, fazendo o efeito brilhar em fundos escuros. Algumas partículas desenham rastros em forma de fita.

Cor

Muda a cor da prévia e dos downloads grátis.

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

Raio das Sombras em Pixel Art em 8 momentos, de 0 s a 1.4 s

COMO É FEITO

Raio das Sombras em Pixel Art é pixel art, desenhado em pixels de 3x para ficar na mesma grade dos seus sprites, e construído com 15 emissores de partículas. Técnicas que valem a pena conferir: traços luminosos ao longo de formas, rastros em forma de fita, subemissores disparados por outras partículas, colisões e filtros de pós-processamento (bloom e gradação de cor). 3 camadas de cena (chão e objetos) aparecem no estúdio como contexto e ficam fora de todas as exportações.

Faz loop sem emendas a cada 1.6 s, e 11 de suas camadas disparam em rajadas, então pulsa em vez de fluir de forma uniforme. Os inícios são escalonados de 0 s a 0.64 s, então as camadas aparecem uma após a outra. Para mudar a cor, selecione "Flash glow" no estúdio e edite 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. 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 lightpartículas / aditivoUma única partícula aos 0.64 s. Cor: violeta.
  2. Dark wispspartículasBaforadas de fumaça que surgem de "Bolt halo". As partículas vagueiam com a turbulência e crescem conforme envelhecem. As cores variam entre violeta e violeta intenso.
  3. Violet sparkspartículas / aditivoPixels que surgem de "Bolt halo". As partículas balançam de um lado para o outro. A cor vai de branco a violeta ao longo de cada vida.
  4. Bolt ribbonpartículas / aditivoUma única partícula aos 0.1 s. As cores variam entre magenta e violeta.
  5. Bolt halopartículas / aditivoUma única partícula aos 0.1 s. Cor: violeta.
  6. Bolt glow, Bolt heartpartículas / aditivoUma única partícula aos 0.1 s. Cor: magenta.
  7. Bolt rimpartículas / aditivoUma única partícula aos 0.1 s. Cor: violeta-claro.
  8. Bolt corepartículasUma única partícula aos 0.1 s. Cor: preto.
  9. Inward streakspartículas / aditivoUm fluxo de traços de luz de um anel, com a taxa animada por keyframes ao longo do loop. As cores variam entre violeta-claro e magenta.
  10. Imploding ring, Burst ringtraço / aditivoUma linha luminosa traçada ao longo de um círculo.

Há mais 5 camadas no estúdio.

DETALHES

Duração
1.6 segundos, loop sem emendas
Tela
384 x 384, pixel art em 3x
Camadas
15 emissores e 2 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
violetamagentavioleta-clarobranco
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.
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 Combate em Pixel Art

VOCÊ TAMBÉM PODE GOSTAR

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