81. L.E.A.P.カンファレンス
スケジュール
10日(水)
参加したトラック
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
89. LuminOS Mixed Reality and the Web
Helioブラウザ
Magic Leap Oneに標準搭載している
Chromium (クロミウム)ベースのブラウザ
特徴
1. 空間コンテンツ
2. スケールアップ
L.E.A.P.カンファレンス
90. LuminOS Mixed Reality and the Web
Helioブラウザ
3Dモデルの表示方法
L.E.A.P.カンファレンス
<body>
<ml-model src="balloon.fbx" style="width: 300px; height: 300px;"></ml-model>
</body>
.glb(glTF)
ファイルも
対応
91. LuminOS Mixed Reality and the Web
Helioブラウザ
3Dモデルを自分の部屋に
置く方法。
L.E.A.P.カンファレンス
<body>
<ml-model src="balloon.fbx" style="width: 300px; height: 300px;“
extractable=“true“ extracted-scale="5" ></ml-model>
</body>
.
extractableで配置有無を設定。
extracted-scaleで配置後の
スケール値を設定。
92. LuminOS Mixed Reality and the Web
L.E.A.P.カンファレンス
アニメーション
Scale-To
Move-To
Move-By
Rotate-To
Rotate-By
Spin
93. LuminOS Mixed Reality and the Web
Helioブラウザ
2D画像の表示方法。
L.E.A.P.カンファレンス
<body>
<ml-quad src=“images/tokufxug.png" ></ml-quad>
</body>
PNG
OR JPG
94. LuminOS Mixed Reality and the Web
Prismatic (プリズマティック)
今まで紹介した機能を実現する
JavaScriptライブラリ
L.E.A.P.カンファレンス
95. LuminOS Mixed Reality and the Web
Prismatic (プリズマティック)
L.E.A.P.カンファレンス
<script
src="https://unpkg.com/@magicleap/pri
smatic"></script>