89

【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Embed Size (px)

Citation preview

Page 1: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 2: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C# /UniRx

Page 3: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Yoshifumi KawaiCTO Grani, Inc.

Page 4: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

About speaker

Page 5: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

About this session

Page 6: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

About this session

Page 7: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 8: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 9: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 10: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 11: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 12: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 13: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• 4 NPC

• 4 vs 4

• C#

• AI

Page 14: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• UniRx

• LINQ to GameObject

• MessagePack for C#

• MagicOnion

• MasterMemory

• ReMotion

• by Yoshifumi Kawai

• etc...

Page 15: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 16: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

using

Page 17: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Why C#?Why Unity?

Page 18: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C#

Page 19: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

How to

Page 20: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

)

Page 21: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• IDL(Interface Definiton Language)

• IDL = JSON proto /

• IDL ……

• IDL

• C#

• IDL

Page 22: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

IDL

• Visual Studio

• Unity

• Git

• ……

• C#

• C#

Page 23: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Visual Studio

Page 24: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C# C#

• C# C#

• C# 6.0(Visual Studio 2015)

• [MessagePackObject] => ***MessagePackFormatter

• /

Page 25: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 26: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 27: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• /

Page 28: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• /

Page 29: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• /

• /

Page 30: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• /

• /

Page 31: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C#

• C# /

• /

•IDL

Page 32: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 33: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• C#

• ……

Page 34: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

3

Page 35: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

gRPC

• Web API + Streaming

• Google HTTP/2 RPC

• HTTP/2 HTTP/1

• gRPC

• Web API

• (Unity )

• (Unity Web API )google

Page 36: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

gRPC

• Web API + Streaming

• Google HTTP/2 RPC

• HTTP/2 HTTP/1

• gRPC

• Web API

• (Unity )

• (Unity Web API )google

Page 37: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Unity gRPC

• C# gRPC Unity

• .NET 4.5

• gRPC Client Unity

• .NET 3.5 + IL2CPP

• (C Core) iOS/Android

• /

• gRPC IDL Protocol Buffers/ Unity

• HTTP/2 gRPC

Page 38: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Unity gRPC

• C# gRPC Unity

• .NET 4.5

• gRPC Client Unity

• .NET 3.5 + IL2CPP

• (C Core) iOS/Android

• /

• gRPC IDL Protocol Buffers/ Unity

• HTTP/2 gRPC

Page 39: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 40: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• ……

Page 41: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• ……

Page 42: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

UNET

• Unity

• C#

• UNET

• C#

• Web API ,

Page 43: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 44: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Web API

Page 45: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Web API

Page 46: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 47: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• Web API

Page 48: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Streaming Service(gRPC Battle Engine)

Page 49: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

F for AI

• AI (DSL) F#

• F# .NET Framework

• Excel F#C# gRPC BattleEngine

• AI

Page 50: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Streaming Server

Page 51: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 52: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

We’re using UniRx

Page 53: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

We’re using UniRx

Page 54: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

UniRx

Page 55: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• : 3845 : 1186

Page 56: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 57: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Rx

Page 58: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Rx 3

// これで例外を共通ハンドリングIObservable<TResponse> HnadleCommonError<TRequest, TResponse>(IObservable<TResponse> source){

return source.Catch((Exception ex) =>{

// Exception使って共通エラーポップアップを出したりするとするNavigationService.ShowMessagePopUpAsync("error", "errorMessage").Subscribe();

// 呼び元に真の意味で何も返さないreturn Observable.Never<TResponse>();

});}

Page 59: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Pitfall of Empty

IObservable<Unit> Test(){

return Observable.FromCoroutine(() => TestCore());}

IEnumerator TestCore(){

yield return Observable.Empty<int>().ToYieldInstruction();

Debug.Log(“この行には到達する");}

Page 60: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Pitfall of Empty

IObservable<Unit> Test(){

return Observable.FromCoroutine(() => TestCore());}

IEnumerator TestCore(){

yield return Observable.Empty<int>().ToYieldInstruction();

Debug.Log("come here");}

Page 61: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

UI Framework Rx

Page 62: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Chaotic Rx

Ivory.Unity.Core.Scene.<OnAfterNavigate>c__AnonStorey76A:<>m__2DC7(Unit)UniRx.Operators.Do:OnNext(Unit)UniRx.Operators.ImmutableReturnUnitObservable:Subscribe(IObserver`1)UniRx.Operators.Do:Run()UniRx.Operators.DoObservable`1:SubscribeCore(IObserver`1, IDisposable)UniRx.Operators.OperatorObservableBase`1:Subscribe(IObserver`1)UniRx.Operators.OperatorObservableBase`1:Subscribe(IObserver`1)UniRx.Operators.SelectManyOuterObserver:OnNext(Unit)UniRx.Operators.SelectMany:OnNext(Unit)UniRx.Operators.SelectMany:OnNext(Unit)UniRx.Operators.SelectMany:OnNext(Unit)UniRx.Operators.Do:OnNext(Unit)UniRx.Operators.SelectMany:OnNext(Unit)UniRx.Operators.SelectManyOuterObserver:OnNext(Unit)UniRx.Operators.Do:OnNext(Unit)UniRx.Operators.ImmutableReturnUnitObservable:Subscribe(IObserver`1)UniRx.Operators.Do:Run()UniRx.Operators.DoObservable`1:SubscribeCore(IObserver`1, IDisposable)UniRx.Operators.OperatorObservableBase`1:Subscribe(IObserver`1)UniRx.Operators.SelectManyOuterObserver:Run()UniRx.Operators.SelectManyObservable`2:SubscribeCore(IObserver`1, IDisposable)UniRx.Operators.OperatorObservableBase`1:Subscribe(IObserver`1)UniRx.Operators.Do:Run()UniRx.Operators.DoObservable`1:SubscribeCore(IObserver`1, IDisposable)UniRx.Operators.OperatorObservableBase`1:Subscribe(IObserver`1)UniRx.Operators.SelectManyOuterObserver:OnNext(Unit)UniRx.Operators.SelectMany:OnNext(Unit)UniRx.Operators.WhenAll_:OnNext(Unit)UniRx.Operators.WhenAllCollectionObserver:OnCompleted()UniRx.Operators.AsUnitObservable:OnCompleted()UniRx.Operators.WhenAll:OnCompleted()UniRx.Operators.WhenAllCollectionObserver:OnCompleted()UniRx.Operators.ImmutableReturnUnitObservable:Subscribe(IObserver`1)UniRx.Operators.WhenAll:Run()

Page 63: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Model-View-(Reacitve)Presenter

ViewReactive

PresenterModel

Page 64: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Model-View-(Reacitve)Presenter

ViewReactive

PresenterModel

Page 65: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Chaotic-Reacitve-Model

Reactive

PresenterModel

Page 66: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Chaotic-Reacitve-Model

Reactive

PresenterModel

Page 67: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Rx Simplicity

Page 68: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Rx

Page 69: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 70: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

• Before gRPC

• After gRPC

Page 71: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 72: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 73: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

ZeroFormatter

Page 74: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 75: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 76: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

MessagePack for C#

Page 77: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C#

Page 78: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

C#

Page 79: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 80: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 81: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 82: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

DB

Page 83: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Architecture of MasterMemory

Header LZ4+MsgPack LZ4+MsgPack LZ4+MsgPack LZ4+MsgPack

Memory<T>

Page 84: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 85: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Page 86: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
Page 87: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

The Future Has Come

• C#

Page 88: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

We're HiringUnity Engineer/Technical Artist

http://recruit.grani.jp/

Page 89: 【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術

Thank you!