Teletransporte relámpago: Un teletransporte relámpago en pixel art: el personaje se descompone en estelas ascendentes y desaparece; luego se reconstruye a poca distancia y aterriza con un destello, un anillo en el suelo y chispas que rebotan.

Teletransporte relámpago

Un teletransporte relámpago en pixel art: el personaje se descompone en estelas ascendentes y desaparece; luego se reconstruye a poca distancia y aterriza con un destello, un anillo en el suelo y chispas que rebotan. Úsalo para esquivas de pícaro, teletransportes de mago, desplazamientos rápidos y teletransportes de corto alcance en juegos de acción y RPG.

Teletransporte relámpago es un efecto de pixel art que se reproduce una vez durante 1.8 segundos, dibujado en un lienzo de 432 por 312 píxeles a 3x. Está compuesto por 11 emisores de partículas, 1 haz láser y 7 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 54 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 1.8, 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 clip de 1.8 s.

Teletransporte relámpago en 8 momentos, de 0.11 s a 1.69 s

CÓMO ESTÁ HECHO

Teletransporte relámpago se dibuja con 7 trazos luminosos: líneas con un núcleo brillante y un resplandor suave que recorren sus formas, además de 11 emisores de partículas. Técnicas que vale la pena ver: haces láser, imanes, una disolución de sprite, colisiones y filtros de posprocesado (bloom). 3 capas de escena (suelo y accesorios) aparecen en el estudio como contexto y quedan fuera de todas las exportaciones.

Se reproduce una vez durante 1.8 s: "Start ring (far)" se dispara primero y "Landing dust" se suma a los 1 s. Para cambiar el color de la línea, selecciona "Start ring (far)" y modifica Núcleo y Resplandor; Inicio y Fin determinan cuánto se dibuja. Pixel size, en el panel Pixel art, define el grosor de los píxeles. Las muestras de color junto a las descargas cambian el color de todas las capas a la vez.

Capas, en orden de dibujo

  1. Start floor light, Landing floor lightsprite / aditivoUn brillo colocado.
  2. Start ring (far), Landing ring (far), Landing echo (far) +3trazo / aditivoUna línea luminosa que recorre un círculo.
  3. Start gatherpartículas / aditivoUn flujo de trazos de luz desde un anillo, con su ritmo animado con fotogramas clave a lo largo del bucle. Las partículas son absorbidas por un imán en su centro. El color pasa de violeta a blanco a lo largo de cada vida.
  4. Rising streakspartículas / aditivoUn flujo constante de trazos de luz desde el borde del sprite que se disuelve. Las partículas flotan hacia arriba. El color pasa de blanco a violeta a lo largo de cada vida.
  5. Rising motespartículas / aditivoUn flujo constante de píxeles desde el borde del sprite que se disuelve. Las partículas se balancean de lado a lado, se encogen a medida que envejecen y frenan por la resistencia. El color pasa de blanco a violeta intenso a lo largo de cada vida.
  6. Vanish slitláser / aditivoUn haz láser disparado hacia un lado.
  7. Vanish flashpartículas / aditivoUna sola partícula a los 0.44 s. Los colores varían entre violeta pálido y blanco.
  8. Blink 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.
  9. Falling streakspartículas / aditivoUn flujo de trazos de luz en un área rectangular, con su ritmo animado con fotogramas clave a lo largo del bucle. El color pasa de violeta pálido a blanco a lo largo de cada vida.
  10. Forming sparkspartículas / aditivoUn flujo constante de píxeles desde el borde del sprite que se disuelve. Las partículas frenan por la resistencia. El color pasa de blanco a violeta a lo largo de cada vida.

Hay 5 capas más en el estudio.

DETALLES

Duración
1.8 segundos, se reproduce una vez
Lienzo
432 x 312, pixel art a 3x
Capas
11 emisores, 1 láser y 7 trazos luminosos
Mezcla
Mayormente aditivo (brillos)
Colores
blancovioletavioleta pálidocian pálido
Sprites
Heroes por SpriteLab micro mode (Free to use)

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 Efectos visuales de pixel art

TAMBIÉN TE PUEDE GUSTAR

Todos los efectos de Efectos visuales de pixel art o la biblioteca completa.