Node-RED UG Osaka Meetup vol.3
by
1ft-seabass
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
[サブタイトル] [タイトル] ワンフットシーバス 田中正吾 Node-RED UG Osaka勉強会 vol.3 RedMobileとHoloLensで 空間コントロールやってみる! ワンフットシーバス 田中正吾
Slide 2
Slide 2 text
私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です!
Slide 3
Slide 3 text
自己紹介
Slide 4
Slide 4 text
田中正吾(たなかせいご) 屋号:ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を 中心にインタラクティブコンテンツを主に行い現 在に至る。 最近ではWEBフロントエンドをベースにしなが らも、情報とインターフェースが合わさるアプ ローチという視点でIoTやMixed Realityといった 技術も取り入れながら活動しています。
Slide 5
Slide 5 text
RedMobile スマホでNode-REDが動くアプリケーション
Slide 6
Slide 6 text
スマートフォンのセンサーを取得できて Node-REDならではの様々な操作が可能
Slide 7
Slide 7 text
スマホのセンサーと連動してドローン操作できる RedMobileからタブレット内蔵の光センサーを取得してTello EDUを操作するメモ – 1ft-seabass.jp.MEMO https://www.1ft-seabass.jp/memo/2019/05/06/redmobile-meets-tello-edu-using-light-sensor/
Slide 8
Slide 8 text
つづいてHoloLens
Slide 9
Slide 9 text
HoloLensからの操作をRedMobileと連動させる
Slide 10
Slide 10 text
HoloLensでのカラータイルをクリックすると MQTT経由で連動する
Slide 11
Slide 11 text
まずウォームアップ obnizというデバイスでカラーLEDと連動する
Slide 12
Slide 12 text
仕組みはこんな感じ
Slide 13
Slide 13 text
やってみます!
Slide 14
Slide 14 text
スマホの表示をうまく連動するには いままでは頑張る必要があった フロントエンドで頑張ったり専用のアプリを作ったり
Slide 15
Slide 15 text
すぐにRedMobileで表示が作れて試せるのがすごい その先のことが考えられる!
Slide 16
Slide 16 text
スマホのセンサーをHoloLensに連動させる
Slide 17
Slide 17 text
センサーの値をHoloLensに伝えて連動 現実の情報 (センサー)
Slide 18
Slide 18 text
サーバー側のNode-RED仕組み Unityへの値の処理を担当している。Unity内でチューニングするより気楽。
Slide 19
Slide 19 text
RedMobileの仕組み センサー値をサーバーに送る
Slide 20
Slide 20 text
いざデモしてみましょう!
Slide 21
Slide 21 text
スマホは手の動きやセンサーなど 様々な状況が取得できるがそれなりに作るの大変 フロントエンドで頑張ったり専用のアプリを作ったり
Slide 22
Slide 22 text
RedMobile手軽につくれるため このような技術の組み合わせも試しやすい
Slide 23
Slide 23 text
これからもRedMobileで色々と試していきたい!
Slide 24
Slide 24 text
ご清聴いただきまして ありがとうございました!