Constelación dibujándose: Efecto de constelación para juegos 2D: una línea brillante conecta las estrellas y cada una se ilumina cuando la alcanza el lápiz; luego, la figura resplandece y se desvanece.

Constelación dibujándose

Efecto de constelación para juegos 2D: una línea brillante conecta las estrellas y cada una se ilumina cuando la alcanza el lápiz; luego, la figura resplandece y se desvanece. Bucle continuo para árboles de habilidades y mapas estelares.

Constelación dibujándose es un efecto HD que se repite en bucle continuo cada 3 segundos, dibujado en un lienzo de 512 por 400. Está compuesto por 1 emisor de partículas y 1 trazo luminoso. La mayoría de las capas usan una mezcla aditiva, por lo que brilla sobre fondos oscuros.

Color

Cambia el color de la vista previa y de las descargas gratuitas.

Descarga gratis con fondo transparente, recortada al efecto, con 90 fotogramas a 30 fps. Úsala en juegos comerciales, sin necesidad de dar crédito.

Licencia: úsalo en cualquier proyecto, incluidos juegos comerciales de pago, como un juego vendido en Steam. No tienes que comprar una licencia por proyecto ni dar crédito. Términos.

Roblox: la descarga es un flipbook para un ParticleEmitter. Pon FlipbookLayout en Grid8x8, FlipbookMode en OneShot y Lifetime en 3, y emite una partícula por ciclo. Configuración en Roblox.

REMEZCLA CON IA

Prueba:

Si lo dejas vacío, solo se abre en el agente, gratis. Cada cambio usa una creación de IA, y empiezas con creaciones gratis.

Los datos de motor para Unity, Godot, GameMaker y Aseprite vienen con un plan: ábrelo en el estudio.

ABRIR EN EL ESTUDIO

Cambia los colores, el tiempo o el tamaño, o exporta para Unity, Godot 4, GameMaker, Phaser, PixiJS y Aseprite.

Prueba variaciones: nuevos colores, movimientos y formas de este efecto, gratis en el estudio.

FOTOGRAMA A FOTOGRAMA

8 momentos espaciados de forma uniforme a lo largo del bucle de 3 s.

Constelación dibujándose en 8 momentos, de 0 s a 2.63 s

CÓMO ESTÁ HECHO

Constelación dibujándose se dibuja con 1 trazo luminoso: líneas con un núcleo brillante y un resplandor suave que recorren sus formas, además de 1 emisor de partículas. Técnicas que vale la pena ver: parámetros con fotogramas clave y filtros de posprocesado (bloom).

Todas las capas emiten de forma continua y el bucle de 3 s se cierra sin interrupciones, así que puede durar todo lo que necesites. Para cambiar el color de la línea, selecciona "Star line" y modifica Núcleo y Resplandor; Inicio y Fin determinan cuánto se dibuja. Las muestras de color junto a las descargas cambian el color de todas las capas a la vez.

Capas, en orden de dibujo

  1. Star dustpartículas / aditivoUn flujo constante de brillos suaves en un área rectangular. Los colores varían entre azul pálido y blanco.
  2. Star linetrazo / aditivoUna línea luminosa que recorre un trazado. Su inicio y su fin están animados con fotogramas clave, así que la línea se dibuja y se borra sola.
  3. Star 1, Star 2, Star 3 +4sprite / aditivoUna forma colocada.
  4. Star glow 1, Star glow 2, Star glow 3 +4sprite / aditivoUn brillo colocado.

DETALLES

Duración
3 segundos, bucle sin interrupciones
Lienzo
512 x 400, HD
Capas
1 emisor y 1 trazo luminoso
Mezcla
Mayormente aditivo (brillos)
Colores
azul pálidoblancoazul
Sprites
Solo formas integradas

CÓMO USARLO EN TU JUEGO

Phaser, PixiJS
La hoja PNG es una cuadrícula simple de fotogramas que ambos pueden dividir. Un atlas JSON de TexturePacker viene con un plan, desde el estudio.
Unity
Importa la hoja PNG como Sprite con Mode configurado en Multiple y divídela, o abre el efecto en el estudio para tener una cuadrícula lista.
Godot 4, GameMaker, Aseprite
Ábrelo en el estudio y selecciona tu motor en Export: con un plan, genera los archivos que importa ese motor.
Web y chat
El GIF se reproduce en cualquier lugar; el APNG conserva los bordes suaves sobre cualquier fondo.
Modo de mezcla
Este efecto está hecho de luz. Para conseguir el mismo brillo en tu juego, dibuja el sprite con mezcla aditiva o expórtalo sobre fondo negro desde el estudio para usar shaders aditivos.

MÁS Neón y líneas luminosas

TAMBIÉN TE PUEDE GUSTAR

Todos los efectos de Neón y líneas luminosas o la biblioteca completa.