Creación de un centro web inmersivo para los Meebits

Cuando Yuga Labs se puso en contacto por primera vez con DOGSTUDIO/DEPT®, fue el comienzo de una colaboración continua, con el objetivo inicial de celebrar a sus propietarios.

Cuando empezamos a trabajar en el proyecto, tuvimos que asegurarnos de que podíamos cumplir las estrictas directrices de Yuga Labs en materia de seguridad, al tiempo que sentábamos unas bases sólidas para nuestros futuros proyectos. A la vez que cumplíamos esas directrices, el proyecto presentaba dos retos clave:

• Integrar la inmersiva página de inicio y el portal monedero conectado con la gestión de pedidos de los carteles basada en Shopify. A pesar de estar separados, estos elementos debían funcionar juntos a la perfección. Para lograrlo, utilizamos React y Nuxt.js para construir una experiencia cohesiva que se alineara con los otros productos de Yuga Labs.
• La experiencia fluida deseada tuvo el coste de requerir medidas de seguridad adicionales. Con la ayuda del equipo de ingeniería de Yuga Labs y nuestra tecnología WebGL agnóstica de pila, pudimos superar este reto.

Al imaginar a los Meebits cobrando vida y explorando su entorno, nos los imaginamos como las estrellas del espectáculo, siempre juntos, divirtiéndose y abrazando su individualidad.

Inspirándonos en la anterior campaña mediática y el diseño de carteles de Yuga Labs, diseñamos toda la plataforma para que fuera extravagante y atrevida. Desde la tipografía y los iconos hasta los gráficos en movimiento, todo se diseñó para reflejar el universo pixelado en el que viven los Meebits, y para dar a la comunidad vislumbres de futuros desarrollos.

En esta experiencia inmersiva en la que los Meebits eran el centro de atención, creamos dos niveles de zoom activados por un prominente botón ON/OFF que conducían a una biblioteca de personajes jugables. También añadimos varios modos de exploración, algunos ocultos en secreto, que ofrecían una experiencia inmersiva que generaría expectación en la comunidad de NFT.

Cuando nos asignaron este proyecto, sabíamos que queríamos crear una experiencia que los usuarios pudieran bailar, jugar y disfrutar. Con una colección de 20.000 personajes únicos, cada uno con sus propios rasgos, tipos y rarezas, era importante darles vida.

Creamos tres modos, cada uno de los cuales situaba a los personajes en un entorno diferente, listos para la fiesta. Para mejorar aún más las cosas, trabajamos con Yuga Labs para crear un proceso sencillo y directo para que los titulares de Meebit pudieran recuperar sus carteles.

Porque no hay fiesta sin música, Yuga Labs se asoció con WarpSound, un colectivo de artistas virtuales impulsado por inteligencia artificial, para crear una lista de reproducción generada por inteligencia artificial.

El equipo quería dar vida a los Meebits mediante animaciones, iluminación y sombras, lo que les llevó a utilizar el catálogo de animaciones de Mixamo para acceder rápidamente a una amplia gama de animaciones. Esto requirió modificaciones significativas en nuestro motor WebGL personalizado, llamado AstroGL, aunque este proyecto nos dio la oportunidad de probar aún más nuestra pieza en continuo crecimiento de ingeniería. 

El renderizado de los Meebits también presentaba desafíos porque teníamos que igualar los carteles de estilo neo-8 bits.

Para ello, tuvimos que ajustar el material de renderizado en tiempo real PBR y añadir funciones de sombras nítidas en tiempo real, manteniendo al mismo tiempo los estándares de rendimiento. Un problema que surgió durante la producción fue que cada color del modelo tenía su propia submalla, lo que afectaba al rendimiento cuando se mostraban varios Meebits. Para resolverlo, DOGSTUDIO/DEPT® creó un código para fusionar todas las submallas en una sola llamada de dibujo por Meebit, lo que garantizaba que una fiesta con varios Meebit fuera fluida y agradable.