1 of 37

TypeScript からめる

VR 生活

TamaG (@TAMAGOKAKE_G_)

2 of 37

TamaG(@TAMAGOKAKE_G_)

読み方:たまじー

所 属:株式会社ウィルゲート

趣 味:スプラ・ポケスリ

求 む:おすすめの日本酒🍶

3 of 37

みなさん

4 of 37

VR 知ってますか?

(挙手お願いします)

5 of 37

知ってますか?

6 of 37

知ってますか?

7 of 37

Resonite とは

8 of 37

Resonite とは

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

9 of 37

健康体操

スロット

10 of 37

11 of 37

Resonite とは

12 of 37

モデリング

プログラミング

      的なやつ

ができる

13 of 37

モデリングできる

14 of 37

プログラミングできる

15 of 37

ProtoFlux(プロトフラックス)

「ノード」「ノード」をつなぐ

ビジュアル

プログラミング言語

16 of 37

ProtoFlux Lightsout🍝

🥺バージョン管理できない

🥺関数化できない

17 of 37

それらの問題を

解決すべく

生まれたのが

18 of 37

MirageX

(ミラージュ クロス)

19 of 37

MirageX なら . . .

TypeScript × React

Resonite の開発ができる!!

20 of 37

こんなのだって

作れる

21 of 37

本格シューティング

22 of 37

MirageX

ここがすごい!!

23 of 37

TypeScript × React で書ける

24 of 37

すっきりしたかも?

MirageX

25 of 37

きました

26 of 37

MirageX

ここがすごい!!

27 of 37

コードベース開発なので

バージョン管理できる!!

28 of 37

コードベース開発なので

AIりることができる

29 of 37

MirageX

ここがすごい!!

30 of 37

ライブラリを使うことができる

[img] matter.jsを使った例の画像

31 of 37

MirageX メリット

🙆‍♂️TypeScript React で書ける!!

🙆‍♂️バージョン管理・AIパワー !!

🙆‍♂️ライブラリを使うことができる!!

🙆‍♂️(不正な操作をされづらい!!)

32 of 37

MirageX デメリット

🥺インフラコストがかかる

🥺ゲーム内で改造しづらい

🥺遅延がある(ネットワークレイテンシ)

33 of 37

最後になりますが

34 of 37

Resonite

作りたがり

エンジニア👨‍💻にとって

35 of 37

夢のような場所

36 of 37

TypeScriptで

”共に”

世界を創りましょう

37 of 37

参考資料・ワールド

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」