Círculo de teletransporte: Un teletransporte mágico entre dos círculos rúnicos: el viajero asciende desde el primero en una columna de luz; luego, la luz cae sobre el segundo y aparece en un destello.

Círculo de teletransporte

Un teletransporte mágico entre dos círculos rúnicos: el viajero asciende desde el primero en una columna de luz; luego, la luz cae sobre el segundo y aparece en un destello. Se reproduce una vez por bucle.

Círculo de teletransporte es un efecto HD que se repite en bucle continuo cada 2.4 segundos, dibujado en un lienzo de 384 por 384. Está compuesto por 13 emisores de partículas y 4 trazos luminosos. 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 72 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 2.4, 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 2.4 s.

Círculo de teletransporte en 8 momentos, de 0 s a 2.1 s

CÓMO ESTÁ HECHO

Círculo de teletransporte apila 13 emisores de partículas, cada uno con su propia función. Técnicas que vale la pena ver: trazos luminosos que recorren formas, colisiones, partículas estiradas según su movimiento, parámetros con fotogramas clave y filtros de posprocesado (bloom y viñeta).

Se repite sin interrupciones cada 2.4 s, y 9 de sus capas disparan en ráfagas, así que late en lugar de fluir de forma uniforme. Los inicios están escalonados de 0 s a 1.45 s, así que las capas aparecen una tras otra. Para cambiar su color, selecciona "Departure Column" en el estudio y edita Colour A y Colour B. Size, en la misma capa, define el tamaño de sus partículas. Las muestras de color junto a las descargas cambian el color de todas las capas a la vez.

Capas, en orden de dibujo

  1. dep Circle, arr Circletrazo / aditivoUna línea luminosa que recorre un círculo. Su inicio y su fin están animados con fotogramas clave, así que la línea se dibuja y se borra sola.
  2. dep Runes, arr Runestrazo / aditivoUna línea luminosa que recorre una estrella. Su inicio y su fin están animados con fotogramas clave, así que la línea se dibuja y se borra sola.
  3. dep Floor Glowpartículas / aditivoUna sola partícula al inicio. Color: azul.
  4. arr Floor Glowpartículas / aditivoUna sola partícula a los 1 s. Color: azul.
  5. Departure Columnpartículas / aditivoUna sola partícula a los 0.4 s. Color: azul.
  6. Streaming Uppartículas / aditivoUn flujo de trazos de luz en un área rectangular, con su ritmo animado con fotogramas clave a lo largo del bucle. Las partículas flotan hacia arriba. El color pasa de blanco a azul pálido a lo largo de cada vida.
  7. Departure Flashpartículas / aditivoUna sola partícula a los 0.85 s. Color: blanco.
  8. Departure Ringpartículas / aditivoUna sola partícula a los 0.85 s. Crece a medida que envejece. El color pasa de blanco a azul pálido a lo largo de cada vida.
  9. Arrival Columnpartículas / aditivoUna sola partícula a los 1.05 s. Color: azul.
  10. Converging Motespartículas / aditivoUn flujo de trazos de luz desde un anillo, con su ritmo animado con fotogramas clave a lo largo del bucle. Los colores varían entre blanco y azul pálido.

Hay 5 capas más en el estudio.

DETALLES

Duración
2.4 segundos, bucle sin interrupciones
Lienzo
384 x 384, HD
Capas
13 emisores y 4 trazos luminosos
Mezcla
Mayormente aditivo (brillos)
Colores
blancoazulazul pálidonaranja
Sprites
Kenney Particle Pack por Kenney (CC0)

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 Curación y mejoras

TAMBIÉN TE PUEDE GUSTAR

Todos los efectos de Curación y mejoras o la biblioteca completa.