HandTracking – MR Tutorial for Nreal light

Sample Repository

mr-tutorials-for-nreal-light/HandTracking at main · karad/mr-tutorials-for-nreal-light

Run the sample

Clone Sample Repository, Change current directory to HandTracking . And Open with Unity.
Download NRSDK …


This content originally appeared on DEV Community and was authored by Kazuhiro Hara™

Image description

Sample Repository

Run the sample

  1. Clone Sample Repository, Change current directory to HandTracking . And Open with Unity.
  2. Download NRSDK 1.7.0 from https://nreal-public.nreal.ai/download/NRSDKForUnityAndroid_1.7.0.unitypackage
  3. Open Build Setting, change Platform to Android
  4. Open Project, select Assets > import package > Custom Package and import NRSDKForUnityAndroid_1.7.0.unitypackage.
  5. Check Build Settings > Player Settings by referring to Configure Build Settings
  6. Press Build form Build Settings panel
  7. Install *.apk on Android or DevKit.

Tutorial

1. Setting up the project for Nreal development

  1. See Quickstart for Android - NRSDK Documentation and configure the build settings.
  2. Download NRSDK 1.7.0 from https://nreal-public.nreal.ai/download/NRSDKForUnityAndroid_1.7.0.unitypackage
  3. Open Project, select Assets > import package > Custom Package and import NRSDKForUnityAndroid_1.7.0.unitypackage.

2. Create Material

  1. Open Project, select Assets
  2. Create Material on Assets
    1. Change name to “TouchCubeMaterial”
    2. Change Albedo to “CC0000”

3. Put Cube in the Scene

  1. Put Cube in the Scene
    1. Change name to “TouchCube”
    2. Pos X : 0, Pos Y : 0, Pos Z : 8

4. Put a Canvas in the scene

  1. Put Canvas from Create > UI
  2. Set property on Inspector panel
    1. Render Mode : World Space
    2. Pos X : 0 , Pos Y : -0.35 Pos Z : 3
    3. Scale
      1. X : 0.005 , Y : 0.005 , Z : 0.005

5. Put Text in Canvas

  1. Put Text as a child of Canvas with the name "Counter”.
    1. Pos X : 0, Pos Y : -30, Pos Z : 3
    2. Change Text to “0”
    3. Change Color to “FFCC00”
    4. Change Font size to 30

6. Create C# Script in Assets

  1. Create C# Script in the asset with the file name "HandTrack.cs".
  2. Write the code as follows
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;

public class HandTrack : MonoBehaviour, IPointerClickHandler
{
    /// <summary>
    /// Counter Text GameObject
    /// </summary>
    public Text targetText;

    /// <summary>
    /// Counter value
    /// </summary>
    private int counter = 0;

    /// <summary>
    /// HandTracking Click Handler
    /// </summary>
    /// <param name="eventData"></param>
    public void OnPointerClick(PointerEventData eventData)
    {
        counter++;
        targetText.text = counter.ToString();
        //throw new System.NotImplementedException();
    }

    // Start is called before the first frame update
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {

    }
}

7. Attach the C# script on “TouchCube”

  1. Attach "HandTrack.cs" to “TouchCube”
    1. Set Target Text on Inspector panel to Counter on the scene.

8. Build

  1. Press Build form Build Settings panel
  2. Install *.apk on Android or DevKit.


This content originally appeared on DEV Community and was authored by Kazuhiro Hara™


Print Share Comment Cite Upload Translate Updates
APA

Kazuhiro Hara™ | Sciencx (2022-02-14T07:48:12+00:00) HandTracking – MR Tutorial for Nreal light. Retrieved from https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/

MLA
" » HandTracking – MR Tutorial for Nreal light." Kazuhiro Hara™ | Sciencx - Monday February 14, 2022, https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/
HARVARD
Kazuhiro Hara™ | Sciencx Monday February 14, 2022 » HandTracking – MR Tutorial for Nreal light., viewed ,<https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/>
VANCOUVER
Kazuhiro Hara™ | Sciencx - » HandTracking – MR Tutorial for Nreal light. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/
CHICAGO
" » HandTracking – MR Tutorial for Nreal light." Kazuhiro Hara™ | Sciencx - Accessed . https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/
IEEE
" » HandTracking – MR Tutorial for Nreal light." Kazuhiro Hara™ | Sciencx [Online]. Available: https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/. [Accessed: ]
rf:citation
» HandTracking – MR Tutorial for Nreal light | Kazuhiro Hara™ | Sciencx | https://www.scien.cx/2022/02/14/handtracking-mr-tutorial-for-nreal-light/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.