TypeScriptから始める VR生活

by TamaG

Slide 1

Slide 1 text

TypeScript から始める  VR 生活  TamaG (@TAMAGOKAKE_G_) 

Slide 2

Slide 2 text

TamaG（@TAMAGOKAKE_G_）  読み方：たまじー  所　属：株式会社ウィルゲート  趣　味：スプラ・ポケスリ  求　む：おすすめの日本酒🍶 

Slide 3

Slide 3 text

みなさん 

Slide 4

Slide 4 text

VR 知ってますか？  （挙手お願いします）   

Slide 5

Slide 5 text

知ってますか？ 

Slide 6

Slide 6 text

知ってますか？ 

Slide 7

Slide 7 text

Resonite とは 

Slide 8

Slide 8 text

Resonite とは  無限の可能性を秘めた、革新のデジタル世界へ足を踏み入れよう。何気ない会話やゲーム、交流の場で世界中の人々と共鳴(Resonate)し、アートから複雑なゲームプログラミングまで、創作で互いの意見をぶつけ合おう。ここであなたの居場所が見つかります。    https://store.steampowered.com/app/2519830/Resonite/?l=japanese 

Slide 9

Slide 9 text

健康体操  スロット 

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Resonite とは 

Slide 12

Slide 12 text

モデリング  プログラミング  　　　　　　的なやつ  ができる 

Slide 13

Slide 13 text

モデリングできる 

Slide 14

Slide 14 text

プログラミングできる 

Slide 15

Slide 15 text

ProtoFlux（プロトフラックス）  「ノード」と「ノード」をつなぐ  ビジュアル  プログラミング言語    ｚ 

Slide 16

Slide 16 text

ProtoFlux で Lightsout🍝  🥺バージョン管理できない  🥺関数化できない 

Slide 17

Slide 17 text

それらの問題を  解決すべく  生まれたのが 

Slide 18

Slide 18 text

MirageX  （ミラージュクロス） 

Slide 19

Slide 19 text

MirageX なら . . .  TypeScript × React で  Resonite の開発ができる！！        https://github.com/rheniumNV/mirage-x-template 

Slide 20

Slide 20 text

こんなのだって  作れる 

Slide 21

Slide 21 text

本格シューティング 

Slide 22

Slide 22 text

MirageX の  ここがすごい！！ 

Slide 23

Slide 23 text

TypeScript × React で書ける     

Slide 24

Slide 24 text

すっきりしたかも？  MirageX 

Slide 25

Slide 25 text

動きました 

Slide 26

Slide 26 text

MirageX の  ここがすごい！！ 

Slide 27

Slide 27 text

コードベースの開発なので  バージョン管理できる！！     

Slide 28

Slide 28 text

コードベースの開発なので  AIの力を借りることができる 

Slide 29

Slide 29 text

MirageX の  ここがすごい！！ 

Slide 30

Slide 30 text

ライブラリを使うことができる      [img] matter.jsを使った例の画像   

Slide 31

Slide 31 text

MirageX のメリット  󰢏TypeScript と React で書ける！！  󰢏バージョン管理・AIパワー！！  󰢏ライブラリを使うことができる！！  󰢏（不正な操作をされづらい！！） 

Slide 32

Slide 32 text

MirageX のデメリット  🥺インフラコストがかかる  🥺ゲーム内で改造しづらい  🥺遅延がある(ネットワークレイテンシ) 

Slide 33

Slide 33 text

最後になりますが 

Slide 34

Slide 34 text

Resonite は  作りたがりの  エンジニア󰞵にとって 

Slide 35

Slide 35 text

夢のような場所 

Slide 36

Slide 36 text

TypeScriptで  ”共に”  世界を創りましょう 

Slide 37

Slide 37 text

参考資料・ワールド  rheniumNV/mirage-x-template   https://github.com/rheniumNV/mirage-x-template   TypeScriptでResoniteのアイテム開発をするMirageX（ミラージュクロス）   https://sharedx.notion.site/TypeScript-Resonite-MirageX-5a5dae2e62f9439d9ddf87f6dafd7f51     Zozokasu/avatar-tower-battle   https://github.com/Zozokasu/avatar-tower-battle     参考ワールド in Resonite   「Snatch Company」 