Indicador de carregamento de rede: Um indicador de carregamento de rede para salas online e telas de dados: um anel externo de nós gira em uma direção e um anel interno na outra, enquanto as linhas entre eles deslizam como em uma arte de fios, com um cometa percorrendo a borda.

Indicador de carregamento de rede

Um indicador de carregamento de rede para salas online e telas de dados: um anel externo de nós gira em uma direção e um anel interno na outra, enquanto as linhas entre eles deslizam como em uma arte de fios, com um cometa percorrendo a borda. Loop contínuo.

Indicador de carregamento de rede é um efeito HD com loop contínuo a cada 2.4 segundos, desenhado em uma tela de 256 x 256. É composto por 3 emissores de partículas. 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 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.

Indicador de carregamento de rede em 8 momentos, de 0 s a 2.1 s

COMO É FEITO

Indicador de carregamento de rede desenha seu movimento com fitas: 1 de seus 3 emissores de partículas deixam um rastro pelas posições recentes. Técnicas que valem a pena conferir: linhas que conectam partículas próximas, no estilo Plexus, trajetórias e filtros de pós-processamento (bloom).

Todas as camadas emitem continuamente e o loop de 2.4 s se fecha sem emendas, então ele pode rodar pelo tempo que você precisar. Para mudar a cor, selecione "Inner Ring" 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. Halosprite / aditivoUm brilho posicionado.
  2. Outer Ringpartículas / aditivoUm fluxo constante de brilhos suaves. As partículas são conectadas a "Inner Ring" por linhas, são conectadas às partículas vizinhas mais próximas por linhas e percorrem uma trajetória. Cor: branco.
  3. Inner Ringpartículas / aditivoUm fluxo constante de brilhos suaves. As partículas são conectadas às partículas vizinhas mais próximas por linhas e percorrem uma trajetória. Cor: ciano-claro.
  4. Rim Cometpartículas / aditivoUm fluxo constante de rastros em forma de fita. As partículas percorrem uma trajetória. Cor: branco.
  5. Coresprite / aditivoUma imagem posicionada.

DETALHES

Duração
2.4 segundos, loop sem emendas
Tela
256 x 256, HD
Camadas
3 emissores
Mesclagem
Predominantemente aditivo (brilhos)
Cores
brancociano-claro
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 HUD e Menus

Efeito de partículas Carregamento em ÓrbitaCarregamento em ÓrbitaEfeito de partículas Recarga ConcluídaRecarga ConcluídaEfeito de partículas Dano na Barra de VidaDano na Barra de VidaEfeito de partículas Brilho na Seleção do MenuBrilho na Seleção do MenuEfeito de partículas Animação de NotificaçãoAnimação de NotificaçãoEfeito de partículas Ponto de Referência do ObjetivoPonto de Referência do ObjetivoEfeito de partículas Flash de Direção do DanoFlash de Direção do DanoEfeito de partículas Marcador de AcertoMarcador de Acerto

VOCÊ TAMBÉM PODE GOSTAR

Efeito de partículas Moedas Voam para o ContadorMoedas Voam para o ContadorEfeito de partículas Gemas para o HUDGemas para o HUDEfeito de partículas Globo de Dados HolográficoGlobo de Dados HolográficoEfeito de partículas Ignição do Globo HolográficoIgnição do Globo HolográficoEfeito de partículas Vidas recarregadasVidas recarregadasEfeito de partículas Preenchimento de Cristais de ManaPreenchimento de Cristais de Mana

Todos os efeitos de HUD e Menus ou a biblioteca completa.