Upgrade to Pro — share decks privately, control downloads, hide ads and more …

モバイルゲームのUI開発を支える基盤の仕組み

QualiArts
September 16, 2022
920

 モバイルゲームのUI開発を支える基盤の仕組み

QualiArtsではUnityの開発を支えるために、さまざまな機能の基盤化を行なっています。 その中からUI開発を効率化するために欠かせない基盤「quaunity-ui」の機能と特徴について紹介します

QualiArts

September 16, 2022
Tweet

More Decks by QualiArts

Transcript

  1. アジェンダ QualiArts社内のUI基盤「quaunity-ui」の紹介 • 提供する機能 • 機能設計 • IDOLY PRIDEでの使い方 IDOLY

    PRIDEの事例を元に UI開発を支える基盤の機能や特徴について紹介します ※時間の都合上、画面設計に絞った内容となります
  2. 遷移処理の一例 開く処理 • Open ◦ 子のNodeやツリーを追加 • Switch ◦ 子のNodeやツリーを差し替え 

    閉じる処理 • Close ◦ 子のNodeを削除 遷移時の処理 • OnInitialize ◦ 初期化時 • OnOpenIn ◦ Openで表示する時 • OnCloseIn ◦ 前面にCloseされて表示する時 • OnOpenOut ◦ 前面にOpenされて非表示する時 • OnCloseOut ◦ Closeで非表示する時
  3. ツリー構造の展開 ツリーごと開くことで、階層の深い部分に直接遷移することも可能 シーンを開いた際の画面構造の初期化にも便利 Scene └ Home  └ HomeTop Scene └

    Home  └ HomeTop └ Card  └ CardTop  └ CardList Scene └ Home  └ HomeTop └ Card  └ CardTop CardTopの 先にある CardListに 行きたい CardListを Close
  4. シンプルにテンプレートのC#スクリプトから置換する形で生成 テンプレートのスクリプト namespace #NAMESPACE_NAME# { /// <summary> /// #DESCRIPTION#のScreenのPresenter ///

    </summary> [DisallowMultipleComponent] [RequireComponent(typeof(#VIEW_NAME#))] public class #PRESENTER_NAME# : #PRESENTER_BASE_NAME#<#VIEW_NAME#, TransitionParam> { /// <summary> /// 初期化 /// </summary> protected override async UniTask InitializeAsync(TransitionParam param, CancellationToken ct) { } } }