#Hololens – Creating a menu with options with #HoloToolkit

Hello!

Comes time to perform a backup of some of the sutff I’ve learned about Hololens and HoloToolkit. This one is related to a basic feature in any app

Present a menu and select an item. In Hololens using AirTap

The idea is to view a board with different options, and the option selected will be displayed in a top 3D text

Holo Select Menu 04.gif

In previous posts I have already commented on how to create a Unity3D project and how to import the HoloToolkit. From here, the following steps would be

  • Delete default assets: Main camera & Directional light
  • Save Scene
  • Adjust UWP projects settings to be Hololens capable
    • Project Settings / Player
    • Project Settings / Quality
    • File / Build Settings
  • Import HoloToolkit
  • Add Assets
    • Main Camera
    • Spatial Mapping
    • Cursor With Feedback
  • Create Empty and Rename > Managers
    • Add Components
      • Gaze Managers
      • Gaze Stabilizer
      • Gesture Managers
      • Hands Manager
    • Add Assets
  • Create Empty and Rename > HoloCollection
    • Add Assets
      • Add Cube, add SAD image to cube
      • Add Cube, add HAPPY image to cube
      • Add Sphere, add SAD image to sphere
      • Add Sphere, add HAPPY image to sphere
      • Add 3D Text, name “TextResult”

The components hierarchy should be similar to the following

clipboard02

And now is the moment to create some interaction feature. So a single script called “EmojiSelector” will do the magic

clipboard05

In this script I would add a couple of lines in the OnSelect operation. This operation is is called from the GestureManager when performing an AirTap on a selected item. The Script obtains the item selected from the GazeManager and if it is valid, displays the name in the Text called “ResultText” 3D.

Greetings @ Toronto

El Bruno

References

Advertisements

#Hololens – Creando un menú con opciones con #HoloToolkit

Hola !

Llega el momento de realizar un backup de lo aprendido sobre Hololens y HoloToolkit. En este caso es relacionado a una funcionalidad de las básicas en una app

Seleccionar un elemento de un menú.

La idea es que frente a un tablero con diferentes opciones, la opción seleccionada se mostrará en un texto superior a las mismas

Holo Select Menu 04.gif

En posts anteriores ya he comentado como crear un proyecto en Unity3D y como importar el HoloToolkit. A partir de aquí, los siguientes pasos serían

  • Eliminar los assets por defect Main camera y Directional light
  • Grabar la escena
  • Ajustar los valores necesarios para que proyecto de Unity funcione como UWP en Hololens
    • Project Settings / Player
    • Project Settings / Quality
    • File / Build Settings
  • Importar HoloToolkit
  • Agregar los Assets
    • Main Camera
    • Spatial Mapping
    • Cursor With Feedback
  • Create Empty and Rename > Managers
    • Add Components
      • Gaze Managers
      • Gaze Stabilizer
      • Gesture Managers
      • Hands Manager
    • Add Assets
  • Create Empty and Rename > HoloCollection
    • Add Assets
      • Add Cube, add SAD image to cube
      • Add Cube, add HAPPY image to cube
      • Add Sphere, add SAD image to sphere
      • Add Sphere, add HAPPY image to sphere
      • Add 3D Text, name “TextResult”

En este punto la jerarquía de componentes debería quedar similar a la siguiente

clipboard02

Y llega el momento de la interacción, para esto creamos un script llamado “EmojiSelector”

clipboard05

En este script agrego un par de líneas en la operación OnSelect. Esta operación es la que se llama desde el GestureManager cuando se realiza un AirTap sobre un elemento seleccionado. El Script obtiene el elemento seleccionado desde el GazeManager y si el mismo es válido, muestra el nombre en el Text 3D llamado “ResultText”.

Saludos @ Toronto

El Bruno

References