Teleporte Relâmpago em Pixel Art: Um teleporte relâmpago em pixel art: o personagem se desfaz em rastros ascendentes e desaparece; em seguida, se recompõe a curta distância e aterrissa com um clarão, um anel no chão e faíscas que quicam.

Teleporte Relâmpago em Pixel Art

Um teleporte relâmpago em pixel art: o personagem se desfaz em rastros ascendentes e desaparece; em seguida, se recompõe a curta distância e aterrissa com um clarão, um anel no chão e faíscas que quicam. Use em esquivas de ladinos, teletransportes de magos, disparadas e teletransportes de curto alcance em jogos de ação e RPGs.

Teleporte Relâmpago em Pixel Art é um efeito de pixel art que toca uma vez ao longo de 1.8 segundos, desenhado em uma tela de 432 x 312 a 3x pixels. É composto por 11 emissores de partículas, 1 feixe de laser e 7 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 54 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.8, 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 clipe de 1.8 s.

Teleporte Relâmpago em Pixel Art em 8 momentos, de 0.11 s a 1.69 s

COMO É FEITO

Teleporte Relâmpago em Pixel Art é desenhado com 7 traços luminosos: linhas com um núcleo intenso e um brilho suave traçados ao longo de suas formas, além de 11 emissores de partículas. Técnicas que valem a pena conferir: feixes de laser, ímãs, uma dissolução de sprite, colisões e filtros de pós-processamento (bloom). 3 camadas de cena (chão e objetos) aparecem no estúdio como contexto e ficam fora de todas as exportações.

Toca uma vez ao longo de 1.8 s: "Start ring (far)" dispara primeiro e "Landing dust" entra aos 1 s. Para mudar a cor da linha, selecione "Start ring (far)" e altere Núcleo e Brilho; Início e Fim definem quanto dela é desenhado. 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. Start floor light, Landing floor lightsprite / aditivoUm brilho posicionado.
  2. Start ring (far), Landing ring (far), Landing echo (far) +3traço / aditivoUma linha luminosa traçada ao longo de um círculo.
  3. Start gatherpartículas / aditivoUm fluxo de traços de luz de um anel, com a taxa animada por keyframes ao longo do loop. As partículas são engolidas por um ímã no centro. A cor vai de violeta a branco ao longo de cada vida.
  4. Rising streakspartículas / aditivoUm fluxo constante de traços de luz da borda do sprite que se dissolve. As partículas flutuam para cima. A cor vai de branco a violeta ao longo de cada vida.
  5. Rising motespartículas / aditivoUm fluxo constante de pixels da borda do sprite que se dissolve. As partículas balançam de um lado para o outro, encolhem conforme envelhecem e desaceleram com o arrasto. A cor vai de branco a violeta intenso ao longo de cada vida.
  6. Vanish slitlaser / aditivoUm feixe de laser disparado para o lado.
  7. Vanish flashpartículas / aditivoUma única partícula aos 0.44 s. As cores variam entre violeta-claro e branco.
  8. Blink 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.
  9. Falling streakspartículas / aditivoUm fluxo de traços de luz em uma área retangular, com a taxa animada por keyframes ao longo do loop. A cor vai de violeta-claro a branco ao longo de cada vida.
  10. Forming sparkspartículas / aditivoUm fluxo constante de pixels da borda do sprite que se dissolve. As partículas desaceleram com o arrasto. A cor vai de branco a violeta ao longo de cada vida.

Há mais 5 camadas no estúdio.

DETALHES

Duração
1.8 segundos, toca uma vez
Tela
432 x 312, pixel art em 3x
Camadas
11 emissores, 1 laser e 7 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
brancovioletavioleta-clarociano-claro
Sprites
Heroes por SpriteLab micro mode (Free to use)

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 VFX de pixel art

VOCÊ TAMBÉM PODE GOSTAR

Todos os efeitos de VFX de pixel art ou a biblioteca completa.