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

ご清聴いただきまして ありがとうございました!