Círculo de Teletransporte: Teletransporte mágico entre dois círculos rúnicos: o viajante sobe do primeiro em uma coluna de luz; então, a luz desce sobre o segundo e ele chega em um clarão.

Círculo de Teletransporte

Teletransporte mágico entre dois círculos rúnicos: o viajante sobe do primeiro em uma coluna de luz; então, a luz desce sobre o segundo e ele chega em um clarão. Reproduz uma vez por loop.

Círculo de Teletransporte é um efeito HD com loop contínuo a cada 2.4 segundos, desenhado em uma tela de 384 x 384. É composto por 13 emissores de partículas e 4 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 72 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.4, 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.4 s.

Círculo de Teletransporte em 8 momentos, de 0 s a 2.1 s

COMO É FEITO

Círculo de Teletransporte empilha 13 emissores de partículas, cada um com sua própria função. Técnicas que valem a pena conferir: traços luminosos ao longo de formas, colisões, partículas esticadas na direção do movimento, parâmetros com keyframes e filtros de pós-processamento (bloom e vinheta).

Faz loop sem emendas a cada 2.4 s, e 9 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 1.45 s, então as camadas aparecem uma após a outra. Para mudar a cor, selecione "Departure Column" no estúdio e edite Colour A e Colour B. Size, na mesma camada, define o tamanho das partículas. As amostras de cor ao lado dos downloads mudam a cor de todas as camadas de uma vez.

Camadas, na ordem de desenho

  1. dep Circle, arr Circletraç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.
  2. dep Runes, arr Runestraç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.
  3. dep Floor Glowpartículas / aditivoUma única partícula no início. Cor: azul.
  4. arr Floor Glowpartículas / aditivoUma única partícula aos 1 s. Cor: azul.
  5. Departure Columnpartículas / aditivoUma única partícula aos 0.4 s. Cor: azul.
  6. Streaming Uppartículas / aditivoUm fluxo de traços de luz em uma área retangular, com a taxa animada por keyframes ao longo do loop. As partículas flutuam para cima. A cor vai de branco a azul-claro ao longo de cada vida.
  7. Departure Flashpartículas / aditivoUma única partícula aos 0.85 s. Cor: branco.
  8. Departure Ringpartículas / aditivoUma única partícula aos 0.85 s. Cresce conforme envelhece. A cor vai de branco a azul-claro ao longo de cada vida.
  9. Arrival Columnpartículas / aditivoUma única partícula aos 1.05 s. Cor: azul.
  10. Converging Motespartí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 branco e azul-claro.

Há mais 5 camadas no estúdio.

DETALHES

Duração
2.4 segundos, loop sem emendas
Tela
384 x 384, HD
Camadas
13 emissores e 4 traços luminosos
Mesclagem
Predominantemente aditivo (brilhos)
Cores
brancoazulazul-clarolaranja
Sprites
Kenney Particle Pack 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 Cura e Buffs

Efeito de partículas Buff ExpirandoBuff ExpirandoEfeito de partículas Portal de Teletransporte MágicoPortal de Teletransporte MágicoEfeito de partículas Debuff de Ataque ReduzidoDebuff de Ataque ReduzidoEfeito de partículas Aumento de AtaqueAumento de AtaqueEfeito de partículas Efeito de BuffEfeito de BuffEfeito de partículas Cura EncadeadaCura EncadeadaEfeito de partículas Status de EncantoStatus de EncantoEfeito de partículas Status de CongelamentoStatus de Congelamento

VOCÊ TAMBÉM PODE GOSTAR

Efeito de partículas Teleporte Relâmpago em Pixel ArtTeleporte Relâmpago em Pixel ArtEfeito de partículas Fumaça de TeleporteFumaça de TeleporteEfeito de partículas Teleporte com Desaparecimento de AnimeTeleporte com Desaparecimento de AnimeEfeito de partículas Aparição por FeixeAparição por FeixeEfeito de partículas TeleporteTeleporteEfeito de partículas Portal Mágico EsmeraldaPortal Mágico Esmeralda

Todos os efeitos de Cura e Buffs ou a biblioteca completa.