Nreal Lightハンズオン

Cubeを並べて壁を作る public class WallScript : MonoBehaviour { // 最初に1回だけ実行される(初期化などに利用) void Start() { } // 毎フレーム実行される (WallScriptでは使用しない) void Update() { } }

72.

Cubeを並べて壁を作る //壁を作るための箱の元データ [SerializeField] GameObject cubePrefab; //壁を構成する箱を全て覚えておく変数 List<GameObject> cubes = new List<GameObject>(); void Start() { InitializeWall(); } //箱を並べて壁を作る void InitializeWall() { }

73.

Cubeを並べて壁を作る //壁を作るための箱の元データ [SerializeField] GameObject cubePrefab; //壁を構成する箱を全て覚えておく変数 List<GameObject> cubes = new List<GameObject>(); void Start() { InitializeWall(); } //箱を並べて壁を作る void InitializeWall() { ここにコードを記述 }

74.

Cubeを並べて壁を作る for (int y = 0; y < 5; y++) { for (int x = 0; x < 5; x++) { //箱オブジェクトを3D空間に生成 GameObject cube =GameObject.Instantiate(cubePrefab); //WallRootの子要素にする cube.transform.parent = transform; //箱オブジェクトの位置を指定 cube.transform.localPosition = new Vector3( x * cube.transform.localScale.x, y * cube.transform.localScale.y, 0); cubes.Add(cube); } 01.txt }

75.

Ctrl + S

76.

Cubeを並べて壁を作る WallRoot CubePrefabが追加される

77.

Cubeを並べて壁を作る Cubeを確認 (クリックはしない)

78.

Cubeを並べて壁を作る CubePrefabにドラッグ&ドロップ

79.

Cubeを並べて壁を作る Cubeに置き換わっていることを確認

80.

動作確認 Play

81.

動作確認壁が現れる

82.

動作確認停止

83.

壁の位置を整える WallRoot Position -0.4 -0.2 2

84.

動作確認 Play

85.

動作確認壁が中央に来る

86.

動作確認停止

87.

ハンズオン手順  Unityの使い方の基本  スクリプトを用いた壁の作成  NRSDKの導入  ハンドトラッキングの設定  弾の発射  リセットボタンの追加カラフルに

88.

[beta]

壁をカラフルにする
//壁を作るための箱の元データ
[SerializeField]
GameObject cubePrefab;
//壁を構成する箱を全て覚えておく変数
List<GameObject> cubes = new List<GameObject>();
//色のリスト
Color[] colors = { new Color(1.0f, 0.0f, 0.0f, 0.5f),
new Color(0.0f, 1.0f, 0.0f, 0.5f),
new Color(0.0f, 0.0f, 1.0f, 0.5f),
new Color(1.0f, 1.0f, 1.0f, 0.5f) };
void Start()
{
InitializeWall();
}
02.txt

89.

壁をカラフルにする [SerializeField] GameObject cubePrefab; //壁を構成する箱を全て覚えておく変数 List<GameObject> cubes = new List<GameObject>(); //色のリスト Color[] colors = { /*中略*/}; void Start() { InitializeWall(); } //箱を並べて壁を作る void InitializeWall() { ここのコードを編集 }

90.

Cubeを並べて壁を作る int index = 0; for (int y = 0; y < 5; y++) { for (int x = 0; x < 5; x++) { GameObject cube =GameObject.Instantiate(cubePrefab); cube.transform.parent = transform; cube.transform.localPosition = new Vector3(/*中略*/); //Cubeに色をつける cube.GetComponent<Renderer>().material.color = colors[index]; index++; index %= colors.Length; cubes.Add(cube); } 02.txt }

91.

動作確認

92.

動作確認停止

93.

壁をリセットする機能を実装 List<GameObject> cubes = new List<GameObject>(); Color[] colors = { /*中略*/}; void Start() { InitializeWall(); } //箱を並べて壁を作る void InitializeWall() { /*中略*/ } pubic void ResetWall() { }

94.

壁をリセットする機能を実装 List<GameObject> cubes = new List<GameObject>(); Color[] colors = { /*中略*/}; void Start() { InitializeWall(); } //箱を並べて壁を作る void InitializeWall() { /*中略*/ } pubic void ResetWall() { ここのコードを編集 }

95.

壁をリセットする機能を実装 public void ResetWall() { //箱オブジェクトを1つ1つ削除 for (int i = 0; i < cubes.Count; i++) { DestroyImmediate(cubes[i]); } //全箱オブジェクトを覚えるリストを空にする cubes.Clear(); //壁の初期化 InitializeWall(); } ハンズオンの最後に使います 03.txt

96.

ハンズオン手順  Unityの使い方の基本  スクリプトを用いた壁の作成  NRSDKの導入  ハンドトラッキングの設定  弾の発射  リセットボタンの追加

97.

NRSDKをインストールする準備 File

98.

NRSDKのインストールする準備 Build Settings

99.

NRSDKのインストールする準備 Android

100.

NRSDKのインストールする準備 Switch Platform

101.

NRSDKのインストールする準備閉じる

102.

NRSDKのインストールダブルクリック

103.

NRSDKのインストール Import

104.

NRSDKのインストール全てFix

105.

NRSDKのインストール Close Window

106.

NRSDKのインストール NRSDKが追加されている

107.

Nreal用カメラの設定 Main Cameraを削除

108.

Nreal用カメラの設定 NRSDK → Prefabs

109.

Nreal用カメラの設定 NRCameraRig

110.

Nreal用カメラの設定 Hierarchyにドラッグ&ドロップ

111.

Nreal用カメラの設定 NRCameraRigが追加されている

112.

動作確認 [W][S] : 前後移動 [A][D] : 左右移動 [Space]+ドラッグ：首振り

113.

動作確認停止

114.

実機インストール File

115.

実機インストール Build Settings

116.

実機インストール Player Settings

117.

実機インストール Other Settings Package Nameが com.会社名.アプリ名となっていることを確認

118.

実機インストール Write Permissionを External(SDCard)

119.

実機インストール閉じる

120.

実機インストール Build And Run

121.

実機の動作の様子

122.

ハンズオン手順  Unityの使い方の基本  スクリプトを用いた壁の作成  NRSDKの導入  ハンドトラッキングの設定  弾の発射  リセットボタンの追加

123.

ハンドトラッキング NRSDK → Prefabs

124.

ハンドトラッキング NRInput

125.

ハンドトラッキング Hierarchyにドラッグ&ドロップ

126.

ハンドトラッキング NRInputが追加されている

127.

ハンドトラッキング NRInput Input Source Typeのドロップダウンメニュー

128.

ハンドトラッキング Handsを選択

129.

ハンドトラッキング NRInputを開く

130.

ハンドトラッキングこのあとRight/Leftに手を追加

131.

ハンドトラッキング Handsを開く

132.

ハンドトラッキング NRHand_R

133.

ハンドトラッキング Rightにドラッグ&ドロップ NRHand_R

134.

ハンドトラッキング Rightの子要素として追加される

135.

ハンドトラッキング Leftにドラッグ&ドロップ NRHand_L

136.

ハンドトラッキング Leftの子要素として追加される

137.

動作確認 Play [左Shift]：手を表示 [左クリック]：ピンチ(つまむ) [右クリック]：指差し

138.

動作確認停止

139.

実機で動作確認 Files Build And Run

140.

実機の動作の様子

141.

ハンズオン手順  Unityの使い方の基本  スクリプトを用いた壁の作成  NRSDKの導入  ハンドトラッキングの設定  弾の発射  リセットボタンの追加

142.

弾を作成空白を右クリック 3Dオブジェクト Sphere

143.

弾を作成 Sphereをダブルクリック

144.

弾を作成 Bulletにリネーム

145.

弾を作成 Scale 0.2 0.2 0.2

146.

弾を作成 Assets

147.

弾を作成 Bullet Assetsにドラッグ&ドロップ

148.

弾を作成 Bulletが追加される

149.

弾を作成 Bulletを削除

150.

弾を撃つ ①NRHand_R ②AddComponent

151.

弾を撃つ New script

152.

弾を撃つスクリプト名を設定 (例：TriggerScript) Create and Add

153.

弾を撃つ TriggerScriptが追加されるスクリプトのファイルはこちら

154.

弾を撃つダブルククリック

155.

弾を撃つ public class TriggerScript : MonoBehaviour { // 最初に1回だけ実行 (TriggerScriptでは不使用) void Start() { } // 毎フレーム実行される void Update() { } }

156.

弾を撃つ public class TriggerScript : MonoBehaviour { // 最初に1回だけ実行 (TriggerScriptでは不使用) void Start() { } // 毎フレーム実行される void Update() { } } 削除

157.

弾を撃つ using System.Collections; using System.Collections.Generic; using UnityEngine; //NRSDKの読み込み using NRKernal; public class TriggerScript : MonoBehaviour { // 毎フレーム実行される void Update() { } } 04.txt

158.

弾を撃つ //弾の元になる情報 [SerializeField] GameObject bulletPrefab; //右手か左手かを保持 public HandEnum handEnum; //発射許可のOn/Off bool shoot = true; //発射された弾 GameObject bullet; // 毎フレーム実行される void Update() { 05.txt }

159.

弾を撃つ void Update() { UpdateGesture(); } //手の状態を監視して弾を発射 void UpdateGesture() { //手の情報を取得 var handState = NRInput.Hands.GetHandState(handEnum); //手が検出されなければ戻る if (handState == null) return; このあと、ピンチ状態を監視して弾を発射 }

160.

弾を撃つ //親指と人差し指がある程度近づいた場合かつ発射OKの場合 if (handState.pinchStrength > 0.6 && shoot) { //弾発射中のフラグをON shoot = false; //既に発射した弾がある場合は削除 if (bullet != null) DestroyImmediate(bullet); //弾を3D空間に生成 bullet = GameObject.Instantiate(bulletPrefab); //手の位置を弾にセット Pose p = handState.pointerPose; bullet.transform.position = p.position; } else if (!handState.isPinching) { shoot = true; 06.txt }

161.

Ctrl + S

162.

弾を撃つ Bulletを確認 (クリックはしない)

163.

弾を撃つ Bullet Prefabに追加

164.

動作確認ピンチをした座標に球が配置される

165.

動作確認停止

166.

弾を撃つ void UpdateGesture() { //手の情報を取得 var handState = NRInput.Hands.GetHandState(handEnum); //手が検出されなければ戻る if (handState == null) return; if (handState.pinchStrength > 0.6 && !shoot) { ここにコードを追加して弾を飛ばす } else if (!handState.isPinching) { shoot = false; } }

167.

[beta]

弾を撃つ
if (handState.pinchStrength > 0.6 && !shoot)
{
//弾発射中のフラグをON
shoot = true;
//既に発射した弾がある場合は削除
if (bullet != null) DestroyImmediate(bullet);
//弾を3D空間に生成
bullet = GameObject.Instantiate(bulletPrefab);
//手の位置を弾にセット
Pose p = handState.pointerPose;
bullet.transform.position = p.position;
//手から出ているレーザーの方向に力を加える
bullet.GetComponent<Rigidbody>().AddForce(
p.forward * 8, ForceMode.Impulse);
}
07.txt

168.

Ctrl + S

169.

弾を撃つ ①Bulletをクリック ②Add Component

170.

弾を撃つ ①Rigidbodyで検索 ②Rigidbodyをクリック

171.

弾を撃つ ①Rigidbody ②Use GravityをOFF

172.

動作確認ピンチをすると球が発射される

173.

動作確認停止

174.

壁を壊せるようにする Cubeをクリック AddComponent

175.

壁を壊せるようにする Rigidbody

176.

壁を壊せるようにする ①Rigidbody ②Use GravityをOFF

177.

動作確認

178.

ハンズオン手順  Unityの使い方の基本  スクリプトを用いた壁の作成  NRSDKの導入  ハンドトラッキングの設定  弾の発射  リセットボタンの追加

179.

リセットボタンダブルクリック

180.

リセットボタン Import

181.

リセットボタン Hierarchyにドラッグ&ドロップ Canvas

182.

リセットボタン Canvasを開く

183.

リセットボタン Buttonをクリック

184.

リセットボタン Buttonを見つける On Clickを見つける

185.

リセットボタン WallRootを見つける (クリックしない)

186.

リセットボタン OnClickにドラッグ&ドロップ

187.

リセットボタンドロップダウンメニューを開く

188.

リセットボタン ②ResetWall ①WallScript

189.

リセットボタン

190.

リセットボタン NRInput → Right → NRHand_R → LaserRaycaster

191.

リセットボタン Mask Type: Inclusive Mask: UI

192.

完成！

193.

参考 • クイックスタート https://nrealsdkdoc.readthedocs.io/en/v1.6.0/Docs/Uni ty_EN/Develop/Quickstart%20for%20Android.html • ハンドトラッキング詳細 https://nrealsdkdoc.readthedocs.io/en/v1.6.0/Docs/Uni ty_EN/Develop/Hand%20Tracking.html • UI https://nrealsdkdoc.readthedocs.io/en/v1.6.0/Docs/Uni ty_EN/Develop/Controller.html#building-a-projectwith-user-input • MRTK拡張 https://github.com/TakashiYoshinaga/MRTK-Profilesfor-NrealLight

Nreal Lightハンズオン

Takashi Yoshinaga

関連スライド

ARCore Geospatial API x Unityハンズオン by AR Fukuoka

Unityで始めるWebAR with ZapWorks

Getting Started with ARCore Geospatial API & Unity

AR.jsとA-Frameではじめるお手軽WebAR/VR

はじめようShader Graph: クロマキー処理

XREAL Air and Nreal Light開発入門

各ページのテキスト