Misión completada pixel art: Banner de misión completada en pixel art: una cinta carmesí se desenrolla desde dos rodillos mientras aparece MISIÓN COMPLETADA letra por letra.

Misión completada pixel art

Banner de misión completada en pixel art: una cinta carmesí se desenrolla desde dos rodillos mientras aparece MISIÓN COMPLETADA letra por letra. Luego estallan estrellas, se despliegan rayos y cae confeti antes de desvanecerse. Úsalo en pantallas de misión, encargo y nivel completados en RPG, juegos de aventura y plataformas.

Misión completada pixel art es un efecto en pixel art que se repite en bucle continuo cada 3.4 segundos, dibujado en un lienzo de 504 por 288 a 3x píxeles. Está compuesto por 11 emisores de partículas, 11 trazos luminosos y 1 capa de texto. 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 102 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.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 3.4 s.

Misión completada pixel art en 8 momentos, de 0 s a 2.98 s

CÓMO ESTÁ HECHO

Misión completada pixel art se dibuja con 11 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: texto con estilo animado letra por letra, módulos de sprite, partículas estiradas según su movimiento y parámetros con fotogramas clave.

Se repite sin interrupciones cada 3.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 0.63 s, así que las capas aparecen una tras otra. Para cambiar el color de la línea, selecciona "Light ray" 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. Banner glowpartículas / aditivoUna sola partícula a los 0.56 s. Color: naranja.
  2. Light ray, Light ray, Light ray +8trazo / 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 burstpartículas / aditivoUna ráfaga de 12 estrellas en un área rectangular a los 0.56 s. Las partículas caen por la gravedad, se hinchan y luego se encogen hasta desaparecer, giran y frenan por la resistencia. El color pasa de blanco a naranja a lo largo de cada vida.
  4. Star glintspartículas / aditivoUna ráfaga de 14 chispas en un área rectangular a los 0.58 s. Las partículas caen por la gravedad, se hinchan y luego se encogen hasta desaparecer y frenan por la resistencia. Los colores varían entre blanco y dorado pálido.
  5. Twinklespartículas / aditivoUn flujo de formas pequeñas en un área rectangular, con su ritmo animado con fotogramas clave a lo largo del bucle. Las partículas se hinchan y luego se encogen hasta desaparecer. Los colores varían entre blanco y dorado pálido.
  6. Left tail, Right tail, Left roll +1spriteUna imagen colocada. Extras: movimiento con fotogramas clave.
  7. RibbonspriteUna imagen colocada. Extras: barrido de brillo, destello de impacto y movimiento con fotogramas clave.
  8. QUEST COMPLETEtextoLas palabras "QUEST COMPLETE" en Press Start 2P. Sus letras aparecen una tras otra. Al final, desaparecen gradualmente.
  9. Letter glintspartículas / aditivoUn flujo de chispas sobre las letras del texto, con su ritmo animado con fotogramas clave a lo largo del bucle. Las partículas se hinchan y luego se encogen hasta desaparecer. Los colores varían entre blanco y dorado pálido.
  10. Ribbon flashpartículas / aditivoUna sola partícula a los 0.56 s. Color: blanco.

Hay 5 capas más en el estudio.

DETALLES

Duración
3.4 segundos, bucle sin interrupciones
Lienzo
504 x 288, pixel art a 3x
Capas
11 emisores, 11 trazos luminosos y 1 capa de texto
Mezcla
Mayormente aditivo (brillos)
Colores
naranjadorado pálidoblancodorado
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 Efectos visuales de pixel art

TAMBIÉN TE PUEDE GUSTAR

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