M i x e d R e a l i t y T o o l k i t v 2 . 3 . 0 P r e s s a b l e B u t t o n O v e r v i e w F u t o H o r i o / K o b e D i g i t a l L a b o , I n c . オ ン ラ イ ン / X R ミ ー テ ィ ン グ ( 2 0 2 0 / 0 4 / 1 5 )

M R T K / の 仕 組 み に つ い て 今 日 お 話 し す る テ ー マ P r e s s a b l e B u t t o n

・ 堀 尾 風 仁 ( F u t o H o r i o ) ・ 株 式 会 社 神 戸 デ ジ タ ル ・ ラ ボ 新 事 業 創 造 係 M R 班 班 長 ・ コ ミ ュ ニ テ ィ 運 営 A R K O B E A z u r e T e c h L a b . 自 己 紹 介

P r e s s a b l e B u t t o n と は ？ H a n d ( H a n d R a y ) で 操 作 可 能 な ボ タ ン PressableButtonExample H o l o L e n s 2 向 け の コ ン テ ン ツ 開 発 で す ぐ に 使 え る ボ タ ン が 用 意 さ れ て い る P r e f a b や 他 シ ー ン に も 多 数 存 在 MixedRealityToolkit.Examples > Demos > UX > PressableButton > Scenes > PressableButtonExamples.unity

P r e s s a b l e B u t t o n を カ ス タ マ イ ズ し て み た P r e s s a b l e B u t t o n を カ ス タ マ イ ズ し て ソ フ ト ウ ェ ア コ ン ト ロ ー ラ ー を 作 っ て み ま し た ！ P r e s s a b l e B u t t o n を 使 え ば 、 こ ん な U I も サ ク ッ と 作 れ ち ゃ い ま す ！

・P C ( W i nd ow s 1 0 ) W i n d o w s S D K 1 8 3 6 2 V i s u a l S t u d i o 2 0 1 9 U n i t y 2 0 1 9 . 3 . 1 f 1 M i x e d R e a l i t y T o o l k i t ( M R T K ) v 2 . 3 . 0 ※ F o u n d a t i o n / E x a m p l e s U n i t y パ ッ ケ ー ジ を 使 用 検 証 環 境

M R T K B u t t o n s - > 1 2 種 類 https://microsoft.github.io/MixedRealityToolkit-Unity/Documentation/README_Button.html

P r e s s a b l e B u t t o n 基 本 構 造 に つ い て P r e s s a b l e B u t t o n ( M R T K D e f a u l t ) P r e s s a b l e B u t t o n H o l o L e n s 2 ア タ ッ チ さ れ て い る ス ク リ プ ト U n i t y H i e r a r c h y

P r e s s a b l e B u t t o n 基 本 構 造 に つ い て P r e s s a b l e B u t t o n ( M R T K D e f a u l t ) P r e s s a b l e B u t t o n H o l o L e n s 2 ア タ ッ チ さ れ て い る ス ク リ プ ト U n i t y H i e r a r c h y P r e s s a b l e B u t t o n H o l o L e n s 2 P h y s i c a l P r e s s E v e n t R o u t e r I n t e r a c t a b l e N e a r I n t e r a c t i o n T o u c h a b l e

P r e s s a b l e B u t t o n ユ ー ザ ー 体 験 P r e s s a b l e B u t t o n ( P r e f a b ) を 利 用 す る こ と で 、 ノ ン コ ー デ ィ ン グ で ユ ー ザ ー の 手 の 位 置 に 応 じ た エ フ ェ ク ト / サ ウ ン ド な ど の フ ィ ー ド バ ッ ク を 行 う こ と が 可 能 ① 近 接 光 ② フ ォ ー カ ス の 強 調 表 示 ③ ケ ー ジ の 圧 縮 ④ ト リ ガ ー の パ ル ス https://docs.microsoft.com/ja-jp/windows/mixed-reality/button

P r e s s a b l e B u t t o n ユ ー ザ ー イ ン タ フ ェ ー ス V i s u a l s の 起 点 と な る G a m e O b j e c t 近接、タッチ時に 表示されるGameObject ボタン名 アイコン画像 音声入力を補助する GameObject 背景

P r e s s a b l e B u t t o n 処 理 ロ ジ ッ ク ア タ ッ チ さ れ て い る ス ク リ プ ト

P r e s s a b l e B u t t o n 各 コ ン ポ ー ネ ン ト の 役 割 ア タ ッ チ さ れ て い る ス ク リ プ ト PressableButtonHoloLens2 PhysicalPressEventRouter Interactable NearInteractionTouchable https://microsoft.github.io/MixedRealityToolkit-Unity/Documentation/README_Button.html 手で押す動作によるボダン動作のロジック処理 PressButtonHoloLens2 で取得したイベントを Interactable に送信 ( ルーティング ) Interactable は、様々な入力イベントをサポート ( Gaze, Eye Gaze, gesture, controller etc.. ) ハンドジェスチャーで触れることが可能な すべてのオブジェクトにアタッチされるスクリプト (必須) ( PokePointerがサーフェスに触れるたび、 PointerDown, PointerUp イベントを取得 )

M R T K / I n p u t S y s t e m 構 造 https://microsoft.github.io/MixedRealityToolkit-Unity/Documentation/Input/Overview.html P o i n t e r / F o c u s / C u r s o r ス テ ー タ ス 管 理 と I n t e r a c t a b l e ( U X 処 理 ) を 分 け る こ と に よ っ て 、 入 力 デ バ イ ス の 違 い を 吸 収 す る こ と が で き る 。

P r e s s a b l e B u t t o n 背 景 色 を 変 更 す る B a c k P l a t e > Q u a d M i x e d R e a l i t y T o o l k i t / S t a n d a r d [ M a i n M a p s > A l b e d o ] の カ ラ ー を 編 集 す る R G B ( 0 , 0 , 0 ) # 0 0 0 0 0 0 R G B ( 1 3 0 , 4 , 2 7 ) # 8 2 0 4 1 B

P r e s s a b l e B u t t o n U n i t R a d i u s を 適 用 す る B a c k P l a t e > Q u a d M i x e d R e a l i t y T o o l k i t / S t a n d a r d [ R o u n d C o r n e r ] 項 目 に チ ェ ッ ク を 入 れ 、 U n i t R a d i u s を 編 集 す る R o u n d C o r n e r s 無 し ( 角 あ り ) R o u n d C o r n e r s あ り ( 角 丸 )

P r e s s a b l e B u t t o n / M a t e r i a l s Assets/MixedRealityToolkit.SDK/Features/UX/Interactable/Materials 配下 Ｍ Ｒ Ｔ Ｋ 内 に も 複 数 の マ テ リ ア ル が 存 在 ・ B o r d e r ラ イ ン の 有 無 ・ 角 丸 の 有 無 ・ 背 景 色 の 差 異 e t c . . い ろ ん な デ ザ イ ン が あ る の で 要 チ ェ ッ ク ！

ス ク ラ ッ チ で P r e s s a b l e B u t t o n を 作 る https://microsoft.github.io/MixedRealityToolkit-Unity/Documentation/README_Button.html#how-to-make-a-button-from-scratch MixedRealityToolkit.Examples > Demos > UX > PressableButton > Scenes > PressableButtonExamples.unity 作成方法は以下URLをチェック

ま と め L e t ’ s e n j o y M R d e v e l o p m e n t u s i n g M R T K ! M R T K は や っ ぱ り 最 高 だ っ た !

ご 清 聴 あ り が と う ご ざ い ま し た T w i t t e r に て M i x e d R e a l i t y に つ い て 発 信 し て い ま す ！ ご 質 問等お気軽にどうぞ！ https://twitter.com/Futo_Horio