Cómo implementar efectos de emoticones de fuegos artificiales explosivos en WeChat 8.0

lottie es una conocida solución de efectos especiales de animación multiplataforma que admite iOS, Android, Web y React Native (por lo que nuestros diseñadores también están muy familiarizados con ella. El diseñador utiliza Adobe After Effects para exportar la animación diseñada a formato JSON). A través de Lottie, cada plataforma puede usar este diseñador para usar Adobe After Effects para exportar la animación diseñada a formato JSON. A través de Lottie, cada plataforma puede usar este JSON para lograr el efecto de animación del diseñador, sin tener que escribir una lógica de animación compleja. ahorrando muchos costes de comunicación.

Según el código fuente de Android de Lottie, el principio general es:

Analizar json-gt; objeto de capa de mapa-gt; el objeto de capa de mapa construye varias rutas para la vista de capa, etc.-gt; . gt; Una vez que los datos están listos, el método de dibujo de vista se puede ejecutar continuamente para completar el dibujo.

La implementación de Android se basa en Drawable, que finalmente opera en el lienzo. El buildCompositionLayer en el método setComposition de lottieDrawable comienza realmente a analizar la capa y dibujar

El tipo de capa corresponde al tipo de capa en AE. La correspondencia entre los tipos de capas y las capas AE es la siguiente:

Lottie: logra fácilmente efectos de animación complejos

análisis del código fuente de Lottie

[github: dirección de Android] ( /airbnb/lottie-android )

[github: dirección ios] (] / airbnb/lottie-ios/tree/lottie/objectiveC )

Qué genial y una animación con sonido Los efectos equivalen a un vídeo transparente. ¿Cómo reproducir vídeos transparentes en dispositivos móviles? Por lo general, los vídeos en formato MP4 no tienen canal de transparencia. Puede separar el canal alfa, luego usar OpenGL ES para remezclar el canal alfa con los canales RGB y, finalmente, reproducir el video con un canal de transparencia.

Tanto ByteDance como Penguin Gaming utilizan este programa para crear animaciones de regalos en vivo. Los principios de estos dos programas de código abierto son exactamente los mismos:

ByteDance: [ /bytedance/AlphaPlayer ] (. /bytedance/AlphaPlayer )

Penguin Game: /Tencent /vap

El reproductor AlphaPlayer está implementado en base a exoPlayer. Vap es un decodificador personalizado. Por razones de compatibilidad, prefiero AlphaPlayer. Comparado con AlphaPlayer, las ventajas de vap son:

Líneas.

En nuestros productos, los efectos "fuegos artificiales" y "petardos" siempre han utilizado soluciones lotttie. Pero el mundo del arte se lamentó. Pero optamos por esta solución y creamos un reproductor de audio que reproduce efectos de sonido junto con la animación.

Fuegos artificiales:

Limitaciones de esta solución:

Ventajas sobre lottie:

Cómo funciona:

AE genera la composición final como una secuencia png y luego utiliza las herramientas proporcionadas por VPA para sintetizar el video MP4 con datos de canal transparentes.

Efecto:

Temporalmente consistente con la solución de Lottie. (Se ha accedido e implementado) ya que por el momento se está exportando el mismo metraje AE. Pero, obviamente, se puede hacer más detallado y los recursos pueden ser mayores. El sonido actual del mp4 plus 2 es de solo 400k.

Añadimos una comparación de los efectos de esta solución. El efecto humo es mucho más realista que la solución lottie.

Conjunto completo de tutoriales/vídeo introductorios de After Effects CC/BV1At411i7yZ?p=6amp;t=645

Además de las animaciones de efectos especiales anteriores, AE también tiene plantillas de edición de vídeo VE en nuestros proyectos. El programa de edición de video VE integra las funciones del software AE (Adore After Effects) y Pr (Pr (After Effects). Premiere) en un programa de procesamiento de video. Desde la perspectiva de los efectos especiales de video, es una arquitectura de procesamiento de video similar a la capa After Effects y el sistema de complementos de efectos especiales; desde la perspectiva de la edición de video, es una arquitectura similar que incluye filtros de video, pegatinas, animaciones de texto, y seguimiento de animaciones, efectos especiales de vídeo, transiciones de vídeo y animaciones de vídeo en un sistema de edición de vídeo multipista.

análisis json de los datos de configuración de la plantilla (exportados por las herramientas de soporte de VE)

Adjunto super_mosaic_config.json

análisis de datos json de los fuegos artificiales de efectos de chat anteriores (exportados por Herramientas de soporte VE) (lotttie que admite la exportación de complementos ae)

Adjunto YanHua_ ChengHong_750×750.json

Analice la estructura de datos json a partir de las siguientes preguntas