Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A 3DCG view trial in Noodl with Babylon.js and A-Frame

193 views

Published on

Noodl is an useful prototyping tool combined with IoT. It is also useful for XR. This presentation introduces why prototyping is required in XR and show one solution that how Noodl shows 3DCG model in A-Frame or Babylonjs.
See the post (in Japanese): https://www.crossroad-tech.com/entry/noodl-advent-calendar-2019

Published in: Technology
  • Be the first to comment

  • Be the first to like this

A 3DCG view trial in Noodl with Babylon.js and A-Frame

  1. 1. NoodlでXRのプロトタイピングを するために、3Dモデル表⽰を試して みました 2019/12/16 Limes (@WheetTweet)
  2. 2. ⾃⼰紹介 ・XR関係あれこれをやっている社会⼈⼤学院⽣ ・2013年よりVR系の活動開始。2014年頃より、⼦育てで外向 き活動削減。 落ち着いてきたので、少しずつ活動再開 ・Microsoft MVP (Unity :2016/10-2018/7) (Windows Mixed Reality :2018/7-) ・Blog : Cross Road https://www.crossroad-tech.com/
  3. 3. 本⽇の発表内容 Noodlで3Dモデルを表⽰する⽅法や課題をお話しします。
  4. 4. 1.XRについて ・Augmented Reality(AR)、VirtualReality(VR)、 Mixed Reality(MR)などの総称。 2017/5のUnity VR/AR Vision Summitの講演で XR(xR)が7/45個使われてから、⽇本でもXRの呼び⽅が 広まった(個⼈的印象) https://visionsummit2017.com
  5. 5. 1.AR、VR、MRとは何か︖ ・VRのみ、⽇本バーチャルリアリティ学会により定義付けされ ている。 https://vrsj.org/about/virtualreality/ ・AR、MRは出⾃元によって解釈が異なっているのが現状 (感覚的にはARが広義になりつつある)
  6. 6. AR、VR、MRのイメージ https://blog.hubspot.com/news-trends/oculus-quest-changing-vr https://www.youtube.com/watch?v=CuOHJbo84Qc https://www.roadtovr.com/mwc-2019-hololens-2-reveal-demo https://iphone-mania.jp/news-179804/ . https://developer.apple.com/arkit, https://www.microsoft.com/ja-jp/hololens/apps , https://prtimes.jp/main/html/rd/p/000000011.000017626.html , https://www.4gamer.net/games/421/G042111/20190603042/
  7. 7. 2. XRとプロトタイピング ・XRのコンテンツ開発はとにかく工数がかかる ・企画〜開発まで、完成形のイメージが共有しづらい ・プロトタイピングが有効そうだが一般的ではない XRとプロトタイピングの方法を考えてみる
  8. 8. 2. XRとプロトタイピング XRコンテンツのプロトタイピングには、 (1) 3Dモデルの表示 (2) カメラやセンサの制御 が必要。 応用範囲が広いNoodlで検討。 今回は(1)をやってみました。
  9. 9. 3. 第⼀歩としてNoodlで3Dモデルを表⽰ Babylonjs : https://youtu.be/Sh3C-2v1DkE A-Frame : https://youtu.be/Zv34cVzvB5A
  10. 10. くわしくはブログをご確認ください。 https://www.crossroad-tech.com/entry/noodl-advent-calendar-2019
  11. 11. 4. おわりに ・XRとプロトタイピングについて説明 ・XRをプロトタイピングする課題の1つとして、3Dモデルの表 ⽰を試した例を紹介

×