Download as PDF, PPTX
Uploaded byinfinite_loop
UniRx の1歩目
インフィニットループ仙台支社勉強会 OpenIL仙台 vol.1 発表資料 UniRx の1歩目 佐藤正基 告知記事 https://www.infiniteloop.co.jp/blog/2018/05/openilsendai-vol1/
More Related Content
![大切な名前[Intro]公開版](https://cdn.slidesharecdn.com/ss_thumbnails/intro-171030075715-thumbnail.jpg?width=640&height=640&fit=bounds)
UniRx の1歩目
- 1.
- 2. 自己紹介 30歳 札幌市出身 2011年 インフィニットループ入社 スマートフォンアプリのクライアント開発を担当 I canuse Unity a little.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. 一例の紹介：時間経過によるイベント開始 private void Start() { StartCoroutine(HogeCoroutine()); } privateIEnumerator 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.
- 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("ボタン押下時処理")); }
- 27.
- 28.
- 29.
- 30. MV(R)Pパターン Model View (Reactive)Presenter の略 UniRxを使用したデザインパターン ModelとViewをPresenterがつなぎ、Reactiveに値の更新ができる。 ModelとViewはお互いに依存しない。 PresenterはModelとViewをそれぞれ参照する。 一例の紹介：ReactiveProperty<T>の利用
- 31.
- 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 { publicIReactiveProperty<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 { publicIReactiveProperty<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
- 37.
- 38.