Submit Search
Upload
Xrmtg0617 オリジナルUIを作っている話
•
0 likes
•
162 views
A
AsahiSakamoto
Follow
XRMTG6月での発表内容
Read less
Read more
Art & Photos
Report
Share
Report
Share
1 of 20
Download now
Download to read offline
Recommended
ハマる!HoloLensアプリ開発
ハマる!HoloLensアプリ開発
Tatsuya Sakai
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
Seigo Tanaka
HoloLens Demo
HoloLens Demo
c-mitsuba
HoloLens 2 開発入門 (公式チュートリアルの紹介)
HoloLens 2 開発入門 (公式チュートリアルの紹介)
Madoka Chiyoda
Mixed Reality ToolkitでHoloとImmersiveまとめて開発
Mixed Reality ToolkitでHoloとImmersiveまとめて開発
Takahiro Miyaura
RoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできること
c-mitsuba
やんちゃでかしこいあいぼうをHoloLensで操作してみた
やんちゃでかしこいあいぼうをHoloLensで操作してみた
Kohsuke Nakagawa
実録!HoloLens×AI×Azureアプリが開発できるまでの挫折と成功@Tokyo Jazug Night #12
実録!HoloLens×AI×Azureアプリが開発できるまでの挫折と成功@Tokyo Jazug Night #12
Tatsuya Sakai
Recommended
ハマる!HoloLensアプリ開発
ハマる!HoloLensアプリ開発
Tatsuya Sakai
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
Seigo Tanaka
HoloLens Demo
HoloLens Demo
c-mitsuba
HoloLens 2 開発入門 (公式チュートリアルの紹介)
HoloLens 2 開発入門 (公式チュートリアルの紹介)
Madoka Chiyoda
Mixed Reality ToolkitでHoloとImmersiveまとめて開発
Mixed Reality ToolkitでHoloとImmersiveまとめて開発
Takahiro Miyaura
RoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできること
c-mitsuba
やんちゃでかしこいあいぼうをHoloLensで操作してみた
やんちゃでかしこいあいぼうをHoloLensで操作してみた
Kohsuke Nakagawa
実録!HoloLens×AI×Azureアプリが開発できるまでの挫折と成功@Tokyo Jazug Night #12
実録!HoloLens×AI×Azureアプリが開発できるまでの挫折と成功@Tokyo Jazug Night #12
Tatsuya Sakai
HoloLensの空間音響の可能性を探る
HoloLensの空間音響の可能性を探る
Akira Hatsune
HoloLensでIoT制御してみて感じる未来
HoloLensでIoT制御してみて感じる未来
Seigo Tanaka
HoloLensの魅力とビジネス利用
HoloLensの魅力とビジネス利用
Yusuke Furuta
HoloLens FirstImpression v2
HoloLens FirstImpression v2
c-mitsuba
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Seigo Tanaka
HoloLens 1のアプリをHoloLens 2に移行する
HoloLens 1のアプリをHoloLens 2に移行する
Takahiro Miyaura
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
Tatsuya Sakai
HololensとUnity
HololensとUnity
JackMasaki
HoloLens x IoT 試すときによくやる実装
HoloLens x IoT 試すときによくやる実装
Seigo Tanaka
Holo xrmtg
Holo xrmtg
AsahiSakamoto
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
Madoka Chiyoda
WebRTCとHoloLens
WebRTCとHoloLens
daisuke yamanaka
Osaka holo lens hackathon 2021 HoloMoto
Osaka holo lens hackathon 2021 HoloMoto
AsahiSakamoto
HoloLens_meetup_val.21
HoloLens_meetup_val.21
AsahiSakamoto
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
Takahiro Miyaura
Introducing Fluent Design
Introducing Fluent Design
c-mitsuba
2020年8月_HoloLens 2 アプリ開発入門
2020年8月_HoloLens 2 アプリ開発入門
Madoka Chiyoda
MixedRealityGraphicsTools KumamotoHLMeetup
MixedRealityGraphicsTools KumamotoHLMeetup
AsahiSakamoto
Kobe HoloLensMeetupSpringSpetial.pdf
Kobe HoloLensMeetupSpringSpetial.pdf
AsahiSakamoto
Holo lensgundam
Holo lensgundam
AsahiSakamoto
HololensmeetupLTval26
HololensmeetupLTval26
AsahiSakamoto
HoloLens×アクセシビリティ
HoloLens×アクセシビリティ
AsahiSakamoto
More Related Content
Similar to Xrmtg0617 オリジナルUIを作っている話
HoloLensの空間音響の可能性を探る
HoloLensの空間音響の可能性を探る
Akira Hatsune
HoloLensでIoT制御してみて感じる未来
HoloLensでIoT制御してみて感じる未来
Seigo Tanaka
HoloLensの魅力とビジネス利用
HoloLensの魅力とビジネス利用
Yusuke Furuta
HoloLens FirstImpression v2
HoloLens FirstImpression v2
c-mitsuba
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Seigo Tanaka
HoloLens 1のアプリをHoloLens 2に移行する
HoloLens 1のアプリをHoloLens 2に移行する
Takahiro Miyaura
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
Tatsuya Sakai
HololensとUnity
HololensとUnity
JackMasaki
HoloLens x IoT 試すときによくやる実装
HoloLens x IoT 試すときによくやる実装
Seigo Tanaka
Holo xrmtg
Holo xrmtg
AsahiSakamoto
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
Madoka Chiyoda
WebRTCとHoloLens
WebRTCとHoloLens
daisuke yamanaka
Osaka holo lens hackathon 2021 HoloMoto
Osaka holo lens hackathon 2021 HoloMoto
AsahiSakamoto
HoloLens_meetup_val.21
HoloLens_meetup_val.21
AsahiSakamoto
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
Takahiro Miyaura
Introducing Fluent Design
Introducing Fluent Design
c-mitsuba
2020年8月_HoloLens 2 アプリ開発入門
2020年8月_HoloLens 2 アプリ開発入門
Madoka Chiyoda
Similar to Xrmtg0617 オリジナルUIを作っている話
(17)
HoloLensの空間音響の可能性を探る
HoloLensの空間音響の可能性を探る
HoloLensでIoT制御してみて感じる未来
HoloLensでIoT制御してみて感じる未来
HoloLensの魅力とビジネス利用
HoloLensの魅力とビジネス利用
HoloLens FirstImpression v2
HoloLens FirstImpression v2
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
HoloLens 1のアプリをHoloLens 2に移行する
HoloLens 1のアプリをHoloLens 2に移行する
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
HoloLens 2 を買った人も!まだの人も! Mixed Reality 関連セッション総まとめ
HololensとUnity
HololensとUnity
HoloLens x IoT 試すときによくやる実装
HoloLens x IoT 試すときによくやる実装
Holo xrmtg
Holo xrmtg
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
WebRTCとHoloLens
WebRTCとHoloLens
Osaka holo lens hackathon 2021 HoloMoto
Osaka holo lens hackathon 2021 HoloMoto
HoloLens_meetup_val.21
HoloLens_meetup_val.21
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
5周年ふりかえり!HoloLens 1とHoloLens 2のUI操作と実装の違いを改めて見てみよう
Introducing Fluent Design
Introducing Fluent Design
2020年8月_HoloLens 2 アプリ開発入門
2020年8月_HoloLens 2 アプリ開発入門
More from AsahiSakamoto
MixedRealityGraphicsTools KumamotoHLMeetup
MixedRealityGraphicsTools KumamotoHLMeetup
AsahiSakamoto
Kobe HoloLensMeetupSpringSpetial.pdf
Kobe HoloLensMeetupSpringSpetial.pdf
AsahiSakamoto
Holo lensgundam
Holo lensgundam
AsahiSakamoto
HololensmeetupLTval26
HololensmeetupLTval26
AsahiSakamoto
HoloLens×アクセシビリティ
HoloLens×アクセシビリティ
AsahiSakamoto
Xrmeating2021
Xrmeating2021
AsahiSakamoto
Holo lens 2_dialui
Holo lens 2_dialui
AsahiSakamoto
HoloLens_MeetupVal22 HoloMoto
HoloLens_MeetupVal22 HoloMoto
AsahiSakamoto
HoloLensMeetupVal.20LT718
HoloLensMeetupVal.20LT718
AsahiSakamoto
I tried understund mrtk pulse shader
I tried understund mrtk pulse shader
AsahiSakamoto
Cluster meetup HoloMoto
Cluster meetup HoloMoto
AsahiSakamoto
ロービジョン×Mixedeality~XRなテクノロジーはハンディキャップに対してどのようなことができるだろうか?~
ロービジョン×Mixedeality~XRなテクノロジーはハンディキャップに対してどのようなことができるだろうか?~
AsahiSakamoto
Hololensに感じる未来と魅力
Hololensに感じる未来と魅力
AsahiSakamoto
More from AsahiSakamoto
(13)
MixedRealityGraphicsTools KumamotoHLMeetup
MixedRealityGraphicsTools KumamotoHLMeetup
Kobe HoloLensMeetupSpringSpetial.pdf
Kobe HoloLensMeetupSpringSpetial.pdf
Holo lensgundam
Holo lensgundam
HololensmeetupLTval26
HololensmeetupLTval26
HoloLens×アクセシビリティ
HoloLens×アクセシビリティ
Xrmeating2021
Xrmeating2021
Holo lens 2_dialui
Holo lens 2_dialui
HoloLens_MeetupVal22 HoloMoto
HoloLens_MeetupVal22 HoloMoto
HoloLensMeetupVal.20LT718
HoloLensMeetupVal.20LT718
I tried understund mrtk pulse shader
I tried understund mrtk pulse shader
Cluster meetup HoloMoto
Cluster meetup HoloMoto
ロービジョン×Mixedeality~XRなテクノロジーはハンディキャップに対してどのようなことができるだろうか?~
ロービジョン×Mixedeality~XRなテクノロジーはハンディキャップに対してどのようなことができるだろうか?~
Hololensに感じる未来と魅力
Hololensに感じる未来と魅力
Xrmtg0617 オリジナルUIを作っている話
1.
HoloLens用のオリジナルUI を作った(作ってる)話。 HoloMoto
2.
HoloMoto • HoloLens大好き系HoloRanger • 最近忙しくてSNS浮上率低いですがブログ『夜風のMixedRealty』 毎日更新中。 •
SF大好き特にガンダム好きで最近オリジナルアニメに挑戦中
3.
MRTKで提供されているUIプレファブ • MRTK/SDK/Features/UX/Interactable/Prefabs • Button、PinchSlider
.etc
4.
BUTTON ・PRESSABLEBUTTONHOLOLENS2 ・PressableButtonHoloLens2Unplated
5.
やりたいこと • シンプルでいいけど やっぱりSFチックで面白いUI使いた い。
6.
Fluent Design • MRTKはFluentDesignの考えがベースにある。 •
Windows10 Fall Creators Update以降に搭載されている『あらゆるデバイスを3D空間上でデザインする ことを想定したデザインスタイル』。 • 「Light」「Depth」「Motion」「Material」「Scale」の5つでFluentな世界が構成されている
7.
機械式UIと非機械式UI • 機械式UI 車のハンドル、ギア、非常ベル、バスの降車ボタン、フューチャーフォン等のアナログで物理的なボタ ン メリットとして間違えが少ない、感覚フィードバックが大きい。
8.
機械式UIと非機械式UI • 非機械式UI 音声認識、身振り手振り、タッチパネル、スマートフォン等のデジタルなボタン メリットとして少ないスペースに多くの機能を持たせられる、デメリットとして感覚フィードバックが小さい。 HoloLens 1stは完全に非機械式だが、HoloLens
2では機械式っぽいこともできるようになった。
9.
勉強がてら自作しよう!第一弾ボタン
10.
勉強がてら自作しよう!第一弾ボタン
11.
第一弾ボタン Blenderで形をつくる。
12.
第一弾ボタン MRTKStandardShaderは神 • MRTKStandardShaderは多機能だが必要な機能だけコンパイル される=低コスト • UVで困ったらTriplanar
Mappingを使おう!(UVを無視できる)
13.
第一弾ボタン Interactableコン ポーネント • アクションに対してリアクションを行うコンポーネント •
EventsのOnClic()に行いたいアクションを追加するだけで使える。
14.
勉強がてら自作しよう!第二弾説明ボード
15.
勉強がてら自作しよう!第二弾説明ボード • InteractableコンポーネントでToggle(ラジオボタン)として設定した。 • MRTKのThemeを使用して状態によって色を変えた。
16.
勉強がてら自作しよう!第二弾説明ボード
17.
勉強がてら自作しよう!第三弾レバー • 現在作っている途中(プロトタイプができた) • HoloLens2ではつかむ動作ができるので、ゲームセンターのUFOキャッチャーのようなレバー置いてお けば初Holoな人でも勝手に操作できる(だろう) •
入力を行い続けるのによいUIが見つからなかった。
18.
勉強がてら自作しよう!第三弾レバー
19.
今回紹介したオリジナルUIの公開場所 • https://github.com/HoloMoto/OriginalUITools-for-HoloLens-
20.
お願い! 第2弾までMITライセンスでGitHubに 公開しています。 Holo2がまだ手元に来ていないので (゚Д゚;) Holo2で使いやすいか不明で すがレビューしていただけたら嬉しい です。 製作の過程などはブログ『夜風の MixedReality』で公開中(技術力ま だまだですが毎日更新しているので よかったら見て下さい)
Download now