Tutorial: Crear un Botón de Escalado de Avatar

You can build content in Overte that breaks the laws of physical boundaries by making them oversized or extremely small. To give any visiting users access to such an experience, you can add an avatar scaling button to your domain. This will help users fit into the spaces you design.

Prerrequisitos

Considera familiarizarte con los siguientes conceptos antes de comenzar este tutorial:

Escribe un Script de Escalado de Avatar

Para definir el comportamiento de tu avatar y el botón, necesitas escribir un script de entidad de cliente que:

  • se adjunte a una entidad (un botón en tu dominio).

  • reduzca o aumente el tamaño de un avatar.

  • defina lo que suceda cuando un usuario haga click sobre o active la entidad.

En este tutorial, usamos shrink-avatar.js, un script de escalado de avatar utilizado para reducir un avatar a un tamaño pequeño. Puedes utilizar este script, modificarlo o escribir uno por tu cuenta para satisfacer tus necesidades.

The shrink-avatar.js uses Overte's JavaScript API to determine when a user clicks with the mouse or triggers the entity with their hand controllers. It then scales the avatar to one-tenth its original size.

Crear una Entidad para Usar como Botón

La entidad que creaste para tu botón tiene que ser activable (triggerable) para que el script pueda detectar cuando tu actives o presiones el botón con los controladores de mano.

  1. En la interfaz, trae tu HUD o tableta y ve a Crear.

  2. Crear una entidad para ser usada como botón. Puede ser un modelo 3D, un cubo o una entidad de esfera.

  3. Ve a a la pestaña "Properties" y desplázate hacia abajo hasta "Behavior".

  4. Al lado de "Script", pega la URL del script. En este caso, es 'shrink-avatar.js'.

  5. Asegúrate de que "Triggerable" esté seleccionado.

  6. Después de que salgas de la apliacación "Crear", prueba tu script haciendo click o activando el botón hasta observar que tu avatar se reduzca en escala.

Ver también