UniRx の1歩目
•
1 like•2,824 views
インフィニットループ仙台支社勉強会 OpenIL仙台 vol.1 発表資料 UniRx の1歩目 佐藤正基 告知記事 https://www.infiniteloop.co.jp/blog/2018/05/openilsendai-vol1/
Recommended
More Related Content
What's hot
What's hot (20)
More from infinite_loop
More from infinite_loop (20)
Recently uploaded
Recently uploaded (9)
UniRx の1歩目
- 2. 自己紹介 30歳 札幌市出身 2011年 インフィニットループ入社 スマートフォンアプリのクライアント開発を担当 I can use Unity a little.
- 4. UniRxとは何か
- 6. UniRxとは何か Reactive Extensions(Rx) Reactive Programmingを実現するためのデザイン、実装ライブラリを指す C#以外の言語にもライブラリが存在する
- 13. UniRxの使いどころ
- 17. 一例の紹介
- 19. 一例の紹介：時間経過によるイベント開始 private void Start() { StartCoroutine(HogeCoroutine()); } private IEnumerator HogeCoroutine() { while(true) { yield return new WaitForSeconds(1); // 1秒ごとの処理 Debug.Log(“1秒ごとの処理”); } } private void Start() { // 1秒ごとの処理 Observable.Interval(TimeSpan.FromSeconds(1)) .Subscribe(_ => Debug.Log(“1秒ごとの処理”)); } before after(UniRx使用)
- 20. 一例の紹介：時間経過によるイベント開始 private void Start() { // 1秒ごとの処理 Observable.Interval(TimeSpan.FromSeconds(1)) .Subscribe(_ => Debug.Log(“1秒ごとの処理”)); } 引数のTimeSpanごとにメッセージを発行するソース。
- 21. 一例の紹介：時間経過によるイベント開始 private void Start() { // 1秒ごとの処理 Observable.Interval(TimeSpan.FromSeconds(1)) .Subscribe(_ => Debug.Log(“1秒ごとの処理”)); } メッセージを受け取ったら、引数の処理を実行する。
- 22. 一例の紹介：時間経過によるイベント開始 private void Start() { // 1秒ごとの処理 Observable.Interval(TimeSpan.FromSeconds(1)) .Subscribe(_ => Debug.Log(“1秒ごとの処理”)); } 出力結果 “1秒ごとの処理” “1秒ごとの処理” “1秒ごとの処理” “1秒ごとの処理” (以下同じ)
- 23. 一例の紹介 UIのイベント定義
- 24. 一例の紹介：UIのイベント定義 before private void Start() { // ボタン押下時処理 button.OnClickAsObservable() .Subscribe(_ => Debug.Log("ボタン押下時処理")); } after(UniRx使用) private void Start() { Button button = gameObject.GetComponent<Button>(); button.onClick.AddListener(TaskOnClick); } private void TaskOnClick() { Debug.Log("ボタン押下時処理"); }
- 25. 一例の紹介：UIのイベント定義 private void Start() { // ボタン押下時処理 button.OnClickAsObservable() .Subscribe(_ => Debug.Log("ボタン押下時処理")); } ボタン押下時にメッセージを発行するソース。
- 26. “ボタン押下時処理” 一例の紹介：UIのイベント定義 出力結果 private void Start() { // ボタン押下時処理 button.OnClickAsObservable() .Subscribe(_ => Debug.Log("ボタン押下時処理")); }
- 30. MV(R)Pパターン Model View (Reactive) Presenter の略 UniRxを使用したデザインパターン ModelとViewをPresenterがつなぎ、Reactiveに値の更新ができる。 ModelとViewはお互いに依存しない。 PresenterはModelとViewをそれぞれ参照する。 一例の紹介：ReactiveProperty<T>の利用
- 32. 一例の紹介：ReactiveProperty<T>の利用 private void Start() { button.OnClickAsObservable() .Where(_ => !player.IsDead) .Subscribe(_ => player.CurrentHp.Value --); player.CurrentHp.SubscribeToText(text); } public class Player { public IReactiveProperty<int> CurrentHp {get; private set;} public bool IsDead {get; private set;} public Player() { CurrentHp = new ReactiveProperty<int>(10); CurrentHp.Where(x => x <= 0) .Subscribe(_ => IsDead = true); } } Presenter Model
- 33. 一例の紹介：ReactiveProperty<T>の利用 public class Player { public IReactiveProperty<int> CurrentHp {get; private set;} public bool IsDead {get; private set;} public Player() { CurrentHp = new ReactiveProperty<int>(10); CurrentHp.Where(x => x <= 0) .Subscribe(_ => IsDead = true); } } ReactivePropertyを定義 Model
- 34. 一例の紹介：ReactiveProperty<T>の利用 public class Player { public IReactiveProperty<int> CurrentHp {get; private set;} public bool IsDead {get; private set;} public Player() { CurrentHp = new ReactiveProperty<int>(10); CurrentHp.Where(x => x <= 0) .Subscribe(_ => IsDead = true); } } ReactivePropertyは、値が更新された時にメッセージを発行する。 Model
- 35. 一例の紹介：ReactiveProperty<T>の利用 private void Start() { button.OnClickAsObservable() .Where(_ => !player.IsDead) .Subscribe(_ => player.CurrentHp.Value --); player.CurrentHp.SubscribeToText(text); } 引数がfalseの場合、メッセージをフィルタリングするオペレータ。 Presenter
- 36. 一例の紹介：ReactiveProperty<T>の利用 private void Start() { button.OnClickAsObservable() .Where(_ => !player.IsDead) .Subscribe(_ => player.CurrentHp.Value --); player.CurrentHp.SubscribeToText(text); } player.CurrentHpの更新に反応した、UIのTextであるtextの更新処理を宣言。 Presenter