SAP Cloud PlatformとVRと IoTを組み合わせて、 釣りゲームを作ってみた

Transcript

1. ©KYOSO Co., Ltd. All Rights Reserved. 1 SAP Cloud PlatformとVRと IoTを組み合わせて、 釣りゲームを作ってみた  גࣜձࣾ ,:040 !QF@OP@IJUPIJSPBLJ VFEB
2. ©KYOSO Co., Ltd. All Rights Reserved. 2 はじめに このスライドは、 SAP Advent Calendar 2018の 投稿を淡々と書き直した物です。 過度な期待はしないでください。 ・写真撮影OK ・ソーシャルメディア投稿OK ・資料後⽇公開予定の有
3. ©KYOSO Co., Ltd. All Rights Reserved. 3 ⾃⼰紹介 上⽥ 弘明 うえだ ひろあき WEBエンジニアをやってます。 ⾼度の柔軟性を維持しつつ、 臨機応変に対処出来るように なりたいです。
4. ©KYOSO Co., Ltd. All Rights Reserved. 4 株式会社 Ｋ Ｙ Ｏ Ｓ Ｏ （きょうそう） ⼦会社 株式会社ＫＹＯＳＯテクノロジ 設 ⽴ １９７３年 資本⾦ ３億７０００万円 社員数 ５１６名 事業所 京都本社 東京オフィス 名古屋オフィス ⼤阪オフィス 代表者 代表取締役社⻑ 岡⽥ 恭⼦ KYOSO 会社紹介 ., 4 
      SK Y Y O O
5. ©KYOSO Co., Ltd. All Rights Reserved. 5 今⽇のお話 今回は、弊社⽶倉がSAP CloudPlatformと 温度センシングを組み合わせて ⾯⽩そうなものを作っていたので、 少し遊んでみたことの 紹介をさせていただきます。
6. ©KYOSO Co., Ltd. All Rights Reserved. 6 今⽇のお話 なぜ 釣りゲーム︖
7. ©KYOSO Co., Ltd. All Rights Reserved. 7 命名︓ぐるぐるマシン 命名︓ぐるぐるマシン
8. ©KYOSO Co., Ltd. All Rights Reserved. 8 今⽇のお話 どこから⾒ても 釣り ですね
9. ©KYOSO Co., Ltd. All Rights Reserved. 9 今⽇のお話 作りの 紹介
10. ©KYOSO Co., Ltd. All Rights Reserved. 10 アーキテクチャ SORACOM Beam モーター SAP Cloud Platform ぐるぐるマシン HTTPS SAP Fiori SORACOM Air HTTP GPIO
11. ©KYOSO Co., Ltd. All Rights Reserved. 11 発電機 モーター 発電機
12. ©KYOSO Co., Ltd. All Rights Reserved. 12 温度センサー ＩＣチップ 発熱機 ニクロム線 温度センサーと発熱機
13. ©KYOSO Co., Ltd. All Rights Reserved. 13 アーキテクチャ SORACOM Beam モーター SAP Cloud Platform ぐるぐるマシン HTTPS SAP Fiori SORACOM Air HTTP GPIO
14. ©KYOSO Co., Ltd. All Rights Reserved. 14 温度データセンシングモジュール
15. ©KYOSO Co., Ltd. All Rights Reserved. 15 今⽇のお話 以上。 ぐるぐるマシンの 紹介でした︕
16. ©KYOSO Co., Ltd. All Rights Reserved. 16 今⽇のお話 ココからが 今⽇の本番です。
17. ©KYOSO Co., Ltd. All Rights Reserved. 17 今⽇のお話
18. ©KYOSO Co., Ltd. All Rights Reserved. 18 今⽇のお話 ココ︕
19. ©KYOSO Co., Ltd. All Rights Reserved. 19 SAP Cloud PlatformとVRと IoTを組み合わせて、 釣りゲームを作ってみた  גࣜձࣾ ,:040 !QF@OP@IJUPIJSPBLJ VFEB ココ︕ 今⽇のお話
20. ©KYOSO Co., Ltd. All Rights Reserved. 20 今⽇のお話 作ったもの ぐるぐるマシンが送信する温度データを、 VR上に表現しました。
21. ©KYOSO Co., Ltd. All Rights Reserved. 21 今⽇のお話 VR コンピュータによっ て作り出された世界 である⼈⼯環境・サ イバースペースを現 実として知覚させる 技術 引⽤︓Wikipedia
22. ©KYOSO Co., Ltd. All Rights Reserved. 22 今⽇のお話 A-Frame Three.jsをベースと して開発された フレームワークで、 HTMLのタグとして シーンを記述出来ま す。
23. ©KYOSO Co., Ltd. All Rights Reserved. 23 今⽇のお話 つまり、A-Frameを使えば、 こんな感じでVRが作れます
24. ©KYOSO Co., Ltd. All Rights Reserved. 24 今⽇のお話 でも、 HTMLタグでしょ︖ 3Dを表現するの 難しくない︖
25. ©KYOSO Co., Ltd. All Rights Reserved. 25 今⽇のお話 A-Frame Inspector いいえ グラフィカルに ３Dオブジェクト を配置する GUIツールが⽤意されています。
26. ©KYOSO Co., Ltd. All Rights Reserved. 26 今⽇のお話 この釣りゲーム 開発は全て SAP Web IDE Full-STACK で完結しました。
27. ©KYOSO Co., Ltd. All Rights Reserved. 27 ご清聴ありがとうございました。 ご清聴ありがとうございました。 ご清聴ありがとうございました。