SADAO TOKUYAMA の L.E.A.P カンファレンスな話

SADAO TOKUYAMA の
L. E. A. P. カンファレンスな話
発表者
徳山禎男
2018.10.20 (Sat) Japan MagicLeap Meetup vol.0

自己紹介
• SADAO TOKUYAMA（徳山禎男）
• Twitter：tokufxug
• 大阪在住

自己紹介
• Twitter：tokufxug
• システムインテグレーター（14年）
– WEBアプリケーション（サーバサイドJava）
– クライアント画面開発（Adobe Flex）
– タブレットアプリ開発（JavaScript jQuery Mobile)

自己紹介
• Unityを使用した開発（8ヶ月）
– ダム検査システムのプロトタイプ開発 Google Tango + Windows PC
– ダム検査システムのプロトタイプ開発 Hololens + ARCore

自己紹介
• Magic Leap歴（2018/3/20 ～現在）
– 作成したデモMagic Leap Liveに、2回連続紹介されました。

自己紹介
• Magic Leap歴（2018/3/20 ～現在）
– Magic Leap社から、Super Leaper Award を頂きました。
– LeapNation という Magic Leap好きなTwitterグループのメンバー

L. E. A. P. カンファレンスとは？
• 2018年10月9日～ 2018年10月10日に開催した
Magic Leap One Creator Editionにおける最新のテクノロジー、
デザイン、開発を学ぶための会議。

L. E. A. P. カンファレンスとは？
• 開催場所は、ロサンゼルスのダウンタウンにある
Magic Boxイベントスペースで開かれた。

L. E. A. P. カンファレンス
• スケジュール

• 9日（火）エントリーの受付
– ホテルから会場までのバスが運行。会場でエントリーだけ行う。

• 9日（火）エントリーの受付
– 当日はプレス向けのデモ体験が中心のため、一般ゲストはエントリーのみ。

• 9日（火）レセプション
– 後半は、会場とは別の所でパーティーが、
開かれました。

• 9日（火）レセプション
– Magic Leapの社員さんも沢山いました。

• 9日（火）は終了し、翌日を迎える。

• 10日（水）キーノート、デモ、トラック
– 7時～デモは開始。キーノートは9時から12時まで。

• 10日（水）キーノート、デモ、トラック
– ランチ後、トラックが続々と開始。

• 10日（水）トラックは大きくふたつに分類されます。

• 10日（水）トラックは大きくふたつに分類されます。
• デザイン＆クリエイティブ
– 空間コンピューティングの魅力的な体験をどのように設計す
るかを理解する。
• テクニカル
– 空間コンピューティングの開発手法を理解する。

• 10日（水）
– ILMxLAB: Galactic Lessons with Mixed Reality
Storytelling
–Creativity for Emerging Platforms
–The Art and Design of Dr. Grordbort's Invaders

• 10日（水）
– Panel: The Making-Of: Create
–The Invisible Black: Creating Compelling
Content in MR
–Experimenting With Inputs

• 10日（水）
–Medical in Spatial Computing
–Panel: Creating Spatial Audio for Magic Leap
–Panel: City to World-Scale | XR Destinations
–Roundtable: Design Best Practices for Mixed
Reality

• 10日（水）
• テクニカル
–A Practical Guide Getting Started with Magic
Leap and UE4
–Best Practices for working with Unity and
Magic Leap
–Making Seedling: 3D Engine Integration Using
Vulkan

• 10日（水）
• テクニカル
– LuminOS Application Development
–CPU Optimizations in Dr. Grordbort's Invaders
and Create
–Rapid Productivity with Zero Iteration and
Environment Kit

• 10日（水）
• テクニカル
– LuminOS: Mixed Reality and the Web
–LuminOS Perception
–High Performance Graphics Optimizations in
Tonandi
–Welcome To The Shared Reality

• 10日（水）
• デモ
–ILMxLAB Experimental Demo
–Luna: Moondust Garden by Funomena
–Dr. Grordbort's Invaders
–Mica | The Royal Shakespeare Company &
Magic Leap

• 10日（水）
• デモ
– Create
– Wingnut AR Pest Control
– BrainLab: Surgery and Medical Image Visualization
– Wacom-SpaceBridge: Creation Environment of the
Future

• 10日（水）
• デモ
–Angry Birds FPS: First Person Slingshot
–Seedling by Insomniac Games
–Onshape 3D CAD
–Wayfair Spaces

• 10日（水）
• デモ
– SketchUp
– Super Zeros
– Meow Wolf's "The Navigator" and Magic Leap
Icons: Scale and Fidelity
– Air New Zealand’s Fact or Fantasy - The
Fantastical Game of New Zealand

• 参加したトラック

• 参加したトラック
– Best Practices for working with Unity and Magic Leap
– LuminOS Application Development
– LuminOS Mixed Reality and the Web
– CPU Optimizations in Dr. Grordbort's Invaders and
Create
– Welcome To The Shared Reality

• 体験したデモ

• 体験したデモ
Future

• お話するトラック
• お話するデモ

• お話するトラック
– LuminOS Mixed Reality and the Web
– Best Practices for working with Unity and Magic Leap
• お話するデモ
Future
新機能と今後につい
てだけ

• 全てのトラックは、近々公開予定とのこと。

• LuminOS Mixed Reality and the Web

– Helioブラウザ
• Magic Leap Oneに標準搭載している Chromium
（クロミウム）ベースのブラウザ
• 特徴
–1. 空間コンテンツ
–2. スケールアップ

• 3Dモデルの表示方法
<body>
<ml-model src="balloon.fbx" style="width: 300px; height: 300px;"></ml-model>
</body>
.glb(glTF)ファイルにも
対応

• 3DモデルをLumin OS上に配置する方法
<ml-model src=“balloon.fbx” style=“width: 300px; height: 300px” z-offset=“500px”
extractable=“true“ extracted-scale="5">
</ml-model>
extractableで配置有無を設定。
extracted-scaleで配置後の
スケール値を設定。

• 2D画像の表示方法
<body>
<ml-quad src=“images/tokufxug.png" extractable=“true“ extracted-scale="5" ></ml-
quad>
</body>
PNGまたはJPGに
対応

–Prismatic （プリズマティック）

–Prismatic （プリズマティック）
• 3Dコンテンツを表示するために必要なJavaScriptライブラリ
• カスタマイズ化されたCSS
<script src="https://unpkg.com/@magicleap/prismatic"></script>

– フレームワークや共通部品との連携もできる模様

– フレームワークや共通部品との連携もできる模様
•React
•Next
•Vue
•Nuit

– Prismatic その他の機能

• 3D favicon
• Transparency
<link rel="icon" type="image/x-icon" href="favicon.fbx">
<meta name="viewport" content="transparent-background">

• unbounded
表示領域外にモデルを存在する場合、表示されない。 unbounded=“true”にすると表示領域
外でも表示される。

• アニメーション
– Scale-To
– Move-To
– Move-By
– Rotate-To
– Rotate-By
– Spin

–WEBXR サポート予定 (COMING SOON)

–DEVICE DISPLAY DETECTION

–DEVICE DISPLAY DETECTION
body { background-color: white; }
p { color: black; }
@media (environment-blending: additive) {
body { background-color: black; }
p { color: white;}
}
W3Cのドラフトの環境依存のメディアクエリは、Helioブラウザで機能します。

–事例紹介
• NewｙorkTimes

–事例紹介
• WAYFAIR MR Commerce Experience

L. E. A. P カンファレンス
– Mixed Reality and the Web コンテンツ作成の考慮すべき点

– Mixed Reality and the Web コンテンツ作成の考慮すべき点
–目的
–空間を設計する
–アニメーション＆サウンド
–インタラクション
–パフォーマンス＆複雑さ

• Best Practices for working with Unity and Magic Leap

–New API
•Polygonal planes
•Notifications
•Object recognition
•Shared experiences PCF sharing

– Unity FEATURES
• Mars
• IL2CPP managed debugger support
• LWRP support for Magic Leap

– Unity FEATURES
• Mars
• IL2CPP managed debugger support
• LWRP support for Magic Leap
•Unity Engine 2019.1 から
Magic Leapの開発が標準サポート

• Wacom-SpaceBridge: Creation Environment of the Future

– MagicLeapが開発。
– Magic Leap OneとワコムのIntuos（インテュオス）Proを連携させ、MR環境で
のデザインや制作、編集などを複数人で行うアプリケーション。
– ヘッドセットによって表示されるMR画像は、制作したオブジェクトが実際の
空間（Space）に浮かびあがり、アングルや縮尺を自在に変え、立体の画像
を見ながら、デザインや編集が可能。
– デモでは、4人のメンバーが同じMR画面を共有しながらデザインを行いまし
た。
https://www.wacom.com/ja-jp/about-wacom/news-and-events/2018/1316

ロボットにペイントするデモイメージ

Magic Leap Oneを装着している人が、
全員ロボット（3Dモデル）を視認できる。

コントローラーでロボットの選択
と移動を行う。

このボタンクリックが
メニューが表示（して
たと思います…）

COLOR PAINT MOVE
メニューが表示

COLOR PAINT MOVE
ペンを動かして
メニューを選択
メニューを決定

3Dモデルを色付け、
移動がリアルタイムで
反映されていく。

• まとめ

• まとめ
– 良かった点
• 公式ドキュメントにない貴重な情報が沢山聴けた。
• 開発段階のデモに触れることができた。
• Magic Leapの社員たちと近い距離でいろんな話が聞けた。

• まとめ
– 良かった点
• L.E.A.P カンファレンスが終了しても、知り合った人たちとアプリ
を使うことで容易につながり続けることができる。

• まとめ
– 悪かった点
• 会場のディスプレイが少し小さめ。（Unityなどの設定画面の
キャプチャの文字が、後ろの席だと見えなかった…）
• デモのルール（最大2個まで）変更や一部のデモが入れ替わり
が発生した。（この辺りについて、次回は改善してほしい。）

• まとめ
– 反省点
• レセプションなど、Magic Leapの社員さんたちと、かなり近い距
離にいながら、あまりお話や情報収集ができなかった。
• トラックを、きっちり聞く準備ができていなかった。
• 寝坊してしまい、予約してたデモが体験できなかったzzzz
• この反省を踏まえ、次回があれば事前準備を怠らないようにし、
睡眠をしっかり取るようにしたいと思います。

ご清聴ありがとうございました

SADAO TOKUYAMA の L.E.A.P カンファレンス な 話

More Related Content

Similar to SADAO TOKUYAMA の L.E.A.P カンファレンス な 話

More from Sadao Tokuyama