Wearables inteligentes

Crea wearables con capacidades interactivas

Los Smart wearables son un tipo de escena global. Al igual que portable experiences, son un gameplay que los jugadores se llevan consigo mientras se desplazan por el metaverso. Por ejemplo, mientras se ejecuta una escena global, un jugador podría coger una bola de nieve del suelo en Genesis Plaza, alejarse a otra escena y lanzar la bola de nieve a otro jugador que también esté jugando la misma partida.

Los Smart wearables son experiencias portátiles que se activan cuando el jugador se pone cierto elemento de ropa. Los Smart wearables pueden otorgar a los jugadores nuevas habilidades, como una mochila propulsora que les permite volar, o añadir una nueva capa de contenido sobre el resto del mundo, como colocar monedas aleatoriamente para ser recogidas en toda Genesis City.

📔 Nota: Los Smart Wearables solo pueden crearse usando SDK7.

El Creator Hub no soporta actualmente la creación de proyectos Smart Wearables.

Comenzando

Usando la CLI

1. Abre una línea de comandos en una carpeta nueva y ejecuta

npx @dcl/sdk-commands init --project smart-wearable

Este comando crea los archivos básicos y la estructura para un nuevo smart wearable.

Los archivos en la plantilla

La carpeta de un proyecto Smart Wearable completamente nuevo es muy similar a la de una Decentraland scene, pero notarás las siguientes diferencias:

• wearable.json incluye todos los metadatos de la experiencia portátil

• Hay un modelo 3D de marcador de posición (glasses.glb) y una miniatura (glasses.png) para un par de gafas oscuras. Deberías reemplazarlos por el wearable real que estás creando

• scene.json es mucho más corto, no incluye propiedades irrelevantes para un wearable, como parcels o spawn points

Acerca de wearable.json

El archivo predeterminado wearable.json se ve así:

{
	"data": {
		"replaces": [],
		"hides": [],
		"tags": ["special", "new", "eyebrows"],
		"representations": [
			{
				"bodyShapes": [
					"urn:decentraland:off-chain:base-avatars:BaseMale",
					"urn:decentraland:off-chain:base-avatars:BaseFemale"
				],
				"mainFile": "glasses.glb",
				"contents": ["glasses.glb"],
				"overrideHides": [],
				"overrideReplaces": []
			}
		],
		"category": "eyewear"
	},
	"name": "Portable Experience Example",
	"description": "This feature is in Alpha state.",
	"rarity": "mythic"
}

Los siguientes campos son obligatorios en wearable.json:

• id: Id único del smart wearable.

• name: El nombre del wearable que los usuarios verán en el Marketplace

• description: La descripción del wearable que los usuarios verán en el Marketplace. Asegúrate de indicar qué puede hacer el smart wearable, ya que los usuarios del Marketplace no tendrán forma de previsualizar su funcionalidad antes de comprarlo.

• rarity: La oferta de rareza del token. Los valores posibles son:

  • unique (1 copia)

  • mythic (10 copias)

  • exotic (50 copias)

  • legendary (100 copias)

  • epic (1000 copias)

  • uncommon (10.000 copias)

  • common (100.000 copias)

📔 Nota: Si hiciste un fork de tu proyecto desde uno existente, asegúrate de que el id valor sea único antes de publicar tu wearable. Usa uuidgenerator.net para generar un nuevo UUID aleatorio

Los siguientes campos también pueden incluirse opcionalmente. Estas configuraciones también pueden configurarse desde la UI del Builder, una vez que subas el smart wearable.

• data: Incluye lo siguiente

  • replaces: Lista de categorías de otros wearables que deben desequiparse al equipar este wearable, además del valor predeterminado de esta categoría. Ej.: Al ponerse una capa top-body, también ocultar feet.

  • hides: Lista de categorías de otros wearables que deben ocultarse (pero no desequiparse) al equipar este wearable, además del valor predeterminado de esta categoría.

  • tags: Etiquetas usadas para hacer el wearable buscable en el Marketplace.

  • representations:

    • bodyShapes: La lista de representaciones de avatar que pueden usar este wearable. Todos los smart wearables deben estar disponibles para ambas body shapes, male y female.

    • mainFile: El archivo principal con el modelo 3D del wearable.

    • contents: La lista completa de archivos usados para renderizar el modelo 3D del wearable. Por ejemplo, el modelo 3D podría incluir texturas como archivos separados.

    • overrideHides: Cualquier excepción del comportamiento predeterminado de hide de esta categoría de wearable.

    • overrideReplaces: Cualquier excepción del comportamiento predeterminado de replace de esta categoría de wearable.

  • category: Qué categoría de wearable usar. Los valores posibles son:

    • 'eyebrows'

    • 'eyes'

    • 'facial_hair'

    • 'hair'

    • 'mouth'

    • 'upper_body'

    • 'lower_body'

    • 'feet'

    • 'earring'

    • 'eyewear'

    • 'hat'

    • 'helmet'

    • 'mask'

    • 'tiara'

    • 'top_head'

    • 'skin'

    • 'hands_wear'

• menuBarIcon: Imagen para usar en el menú “experiences”, para representar esta experiencia portátil. Esta imagen debe estar en el nivel raíz de tu carpeta. El tamaño recomendado de la imagen es 256x256.

• model: El modelo 3D a usar para el wearable. Este archivo debe estar en el nivel raíz de tu carpeta.

• bodyShape: El tipo de cuerpo del avatar con el que este wearable es compatible. Valores posibles:

  • male

  • female

  • both

• collectionAddress: La dirección ethereum de la colección publicada de wearables. Esta dirección se asigna una vez publicada, puede dejarse en blanco.

La miniatura

Debes incluir una imagen llamada thumbnail.png en el nivel raíz de tu carpeta. Esta imagen se mostrará tanto en la mochila como en el Marketplace, para representar tu wearable en 2D. El tamaño recomendado requerido es 256x256.

Elige una imagen que establezca las expectativas del jugador y represente adecuadamente tu creación.

La Previsualización

Ejecutar una previsualización de una experiencia portátil es igual que ejecutar la de una escena, simplemente haz clic en Run Scene en la pestaña Decentraland, o ejecuta npm run start en la línea de comandos. Si el archivo wearable.json está configurado correctamente y el proyecto es reconocido como un smart wearable, notarás que todos los visibles a tu alrededor son los parcels vacíos por defecto. En este modo de previsualización, no estás restringido a ningún conjunto de parcels; puedes añadir modelos 3D o sonidos en cualquier lugar del mundo.

Para probar cómo se comporta el smart wearable en el contexto de una escena, también puedes ejecutar una previsualización de tu wearable al mismo tiempo que ejecutas la previsualización de una o varias escenas usando un Workspace. Por ejemplo, puedes ejecutar tu smart wearable junto con la escena Genesis Plaza para probar cómo se comporta en una escena concurrida, dentro de un ascensor, etc.

Consejos

• Al posicionar una entidad, ten en cuenta que las posiciones son globales, relativas a las coordenadas 0,0 de Genesis Plaza.

• Para reaccionar ante jugadores cercanos:

  • Vea Obtener todos los jugadores para saber cómo obtener datos de otros jugadores en los alrededores.

  • Ten en cuenta que la carga del smart wearable, las escenas circundantes y otros jugadores puede ocurrir en órdenes diferentes según la situación. Si el jugador entra en Decentraland con el smart wearable ya puesto, es probable que la escena global de tu wearable se cargue antes que otros jugadores. Por otro lado, si el jugador primero carga en una escena y luego se pone el wearable, es probable que otros jugadores ya estén cargados cuando la escena del wearable comience a ejecutarse.

  • Para experiencias multijugador, espera hasta que el jugador esté conectado a una island dentro de su realm. Obtén los datos del realm y comprueba el campo 'room'. Si el campo 'room' es null, el jugador aún no está conectado a una island y otros jugadores no se cargarán todavía. Puedes comprobar esto periódicamente cada 1 segundo hasta que el campo 'room' esté presente, y solo entonces inicializar tu lógica.

• Para interactuar con las escenas circundantes:

  • No puedes enviar instrucciones directamente a escenas cercanas u otras experiencias portátiles, el messageBus está actualmente sandboxed por cada portable experience/scene.

  • Puedes usar un servidor intermedio para enviar información entre la experiencia portátil y una escena.

  • Si haces un raycast, puedes detectar impactos contra los colliders de entidades de las escenas circundantes. Esto puede decirte la ubicación exacta del impacto, la dirección de la normal e incluso el nombre de la entidad y el nombre del mesh del modelo 3D. Esto solo funciona al golpear entidades en escenas escritas con SDK7.

• Matar una experiencia portátil: Ejecuta el método kill() para autointerrumpir una experiencia portátil.

Publish

Para publicar tu smart wearable:

1. Asegúrate de que la información en wearable.json es precisa. Si usaste otro proyecto como punto de partida, asegúrate de que el id es un identificador único, no usado por otros wearables.

2. Ejecuta npm run pack en la carpeta de tu proyecto. Esto genera un smart-wearable.zip archivo en la carpeta de tu proyecto.

📔 Nota: La salida de npm run pack indicará el tamaño del proyecto exportado sin comprimir; debe ser inferior a 3MB. Si es mayor, el Builder no lo aceptará.

1. Abre el Builder, abre la pestaña Collections, haz clic en + para subir un nuevo wearable.

2. Arrastra tu smart-wearable.zip archivo comprimido al Builder, verifica que toda la información sea precisa.

Nota: Si tu wearable contiene diferentes representaciones de modelos, necesitas hacer un workaround:

1. En tu proyecto, crea una nueva carpeta para cada representación (male y female), y coloca el modelo 3D de cada representación en su carpeta correspondiente.

2. Actualiza tu archivo wearable.json para incluir las nuevas representations.

3. "representations": [{
     "bodyShapes": ["urn:decentraland:off-chain:base-avatars:BaseMale"],
     "mainFile": "male/glasses.glb",
     "contents": ["male/glasses.glb"],
     "overrideHides": [],
     "overrideReplaces": []
   },
   {
     "bodyShapes": ["urn:decentraland:off-chain:base-avatars:BaseFemale"],
     "mainFile": "female/glasses.glb",
     "contents": ["female/glasses.glb"],
     "overrideHides": [],
     "overrideReplaces": []
   }],

4. Ejecuta npm run pack para generar un nuevo archivo smart-wearable.zip.

5. Arrastra el nuevo archivo smart-wearable.zip al Builder.

1. Abre el editor de wearables y asegúrate de que las categorías “hide” y “remove” estén correctamente configuradas para deshabilitar otras categorías de wearables cuando este wearable esté activado.

2. Crea una nueva colección con este y quizás otros wearables.

3. Haz clic en el icono de 3 puntos junto a “Mint Items” y selecciona “See in world”. Esto abrirá una pestaña con el Explorer en Sepolia, donde puedes probar todos los wearables de tu colección en Decentraland y ver cómo se comportan en un escenario más real, por ejemplo corriendo por Genesis Plaza.

4. En este punto, tu wearable está listo para publicarse.

Acciones restringidas

Para prevenir abusos, ciertas funciones no están permitidas en las experiencias portátiles por defecto y requieren añadir una bandera de permiso.

Vea Permisos requeridos para más detalles.

Limitaciones

IMPORTANTE: Todo el smart wearable debe caber dentro de 3MB. Esto incluye el modelo 3D, la miniatura, el código, las librerías, archivos de sonido, modelos 3D adicionales, imágenes de UI, etc. Este límite es para la carpeta sin comprimir. El Builder no te permitirá subir wearables más grandes que esto. Para comprobar el tamaño de tu experiencia portátil, ejecuta npm run pack; el tamaño del proyecto se especifica en el texto de salida del comando. También puedes verificar esto descomprimiendo el archivo smart-wearable.zip generado y comprobando el tamaño de la carpeta.

Los Smart wearables solo ejecutan la experiencia portátil para el jugador que lleva puesto el wearable. Otros jugadores no ven los efectos. Por ejemplo, si la experiencia portátil renderiza una mascota que sigue al jugador, los demás jugadores alrededor no verán esa mascota. Sin embargo, otros jugadores verán a los avatares realizar animaciones que se ejecuten como parte de la escena del wearable, incluso las custom avatar animations subidas como parte de los archivos del smart wearable.

Los Smart wearables solo funcionan cuando los jugadores los tienen puestos. Por esta razón, los jugadores solo pueden tener un número limitado de smart wearables activados, y dependiendo de qué parte del cuerpo ocupen, algunos serán incompatibles con otros. Por ejemplo, no puedes llevar dos hats al mismo tiempo, o un helmet y hair a la vez.

Si un wearable está “hidden” pero no “removed” por otros wearables que se llevan puestos, entonces el smart wearable aún puede estar activado, incluso si el wearable correspondiente no es visible.

Ejemplos

Ejemplo de Smart wearable)