PixiJs es una de las tres plataformas de JavaScript para videojuegos más populares del mercado. En el artículo de hoy miraremos algunos detalles técnicos que hacen de esta biblioteca de JavaScript una herramienta utilizada por marcas como Adobe o Marvel.

¿Qué es pixiJS?

pixiJS es una biblioteca open source de JavaScript, basada en HTML5, que te permite crear animaciones interactivas y 2D en un navegador web. Utiliza la tecnología WebGL de forma predeterminada.

Características principales de PixiJS

PixiJS tiene muchas características interesantes, que puedes encontrar en su sitio web oficial, pero las siguientes son las principales según mi punto de vista.

  • Soporte multiplataforma. Contenido interactivo para ordenador o dispositivos móviles
  • Modos de tinte y mezcla. Con calidad de Photoshop.
  • Cargador de assets.  Gráficos, fuentes, sprite-sheet, datos de animación.
  • API fácil. Intuitiva y fácil de aprender.
  • Filtros WebGL.  Puedes crear y usar tus propios filtros.
  • Texto suavizado. Resoluciones nativas y retina.
  • Accesibilidad. Es una tecnología inclusiva.
  • Interactividad Multitáctil. Puedes crear interacciones para experiencias nativas.

¿Quien usa PixiJS?

Casi todas las marcas que producen animaciones en la web utilizan PixiJS. Te dejo alguna de ellas:

Ventajas de pixiJS

  • Buen rendimiento
  • Soporte multiplataforma
  • API fácil
  • Compatibilidad con el respaldo de WebGL y Canvas

Desventajas de pixiJS

  • Si te interesa el renderizado 3D deberás usar pixi3d

Conclusión

Cómo has podido ver, incluso por la adopción de grandes marcas globales, la velocidad, flexibilidad y precio de pixiJS, hacen de esta herramienta una herramienta a tener en cuenta si quieres desarrollar animaciones o juegos en 2D para tu aplicación web.

¿Utilizas pixiJS en tus proyectos? ¿Qué tal la experiencia? ¡Coméntalo abajo!

Foto: @alexey-brin @freepik

Fuentes: