Soumettre la recherche
Mettre en ligne
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
•
29 j'aime
•
38,618 vues
まべ☆てっく運営
Suivre
2017/03/09に弊社で開催された技術勉強会、まべ☆てっくvol.3「Unity®のお道具箱」の登壇資料です
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 42
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
【Unity道場 2017】PlayMakerによる初めてのUnityプログラミング
【Unity道場 2017】PlayMakerによる初めてのUnityプログラミング
Unity Technologies Japan K.K.
UniRxでMV(R)Pパターンをやってみた
UniRxでMV(R)Pパターンをやってみた
torisoup
UniRx完全に理解した
UniRx完全に理解した
torisoup
【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門
Unity Technologies Japan K.K.
若輩エンジニアから見たUniRxを利用したゲーム開発
若輩エンジニアから見たUniRxを利用したゲーム開発
Hirohito Morinaga
猫でも分かるUMG
猫でも分かるUMG
エピック・ゲームズ・ジャパン Epic Games Japan
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
U-dai Yokoyama
Unityでパフォーマンスの良いUIを作る為のTips
Unityでパフォーマンスの良いUIを作る為のTips
Unity Technologies Japan K.K.
Recommandé
【Unity道場 2017】PlayMakerによる初めてのUnityプログラミング
【Unity道場 2017】PlayMakerによる初めてのUnityプログラミング
Unity Technologies Japan K.K.
UniRxでMV(R)Pパターンをやってみた
UniRxでMV(R)Pパターンをやってみた
torisoup
UniRx完全に理解した
UniRx完全に理解した
torisoup
【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門
Unity Technologies Japan K.K.
若輩エンジニアから見たUniRxを利用したゲーム開発
若輩エンジニアから見たUniRxを利用したゲーム開発
Hirohito Morinaga
猫でも分かるUMG
猫でも分かるUMG
エピック・ゲームズ・ジャパン Epic Games Japan
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
U-dai Yokoyama
Unityでパフォーマンスの良いUIを作る為のTips
Unityでパフォーマンスの良いUIを作る為のTips
Unity Technologies Japan K.K.
UniRx の1歩目
UniRx の1歩目
infinite_loop
UniTask入門
UniTask入門
torisoup
Riderはいいぞ!
Riderはいいぞ!
UnityTechnologiesJapan002
Unityでオンラインゲーム作った話
Unityでオンラインゲーム作った話
torisoup
RPGにおけるイベント駆動型の設計と実装
RPGにおけるイベント駆動型の設計と実装
Koji Morikawa
Doozy UI 使おうぜ! #unity_lt
Doozy UI 使おうぜ! #unity_lt
torisoup
UE4のためのより良いゲーム設計を理解しよう!
UE4のためのより良いゲーム設計を理解しよう!
Masahiko Nakamura
はじめてのUniRx
はじめてのUniRx
torisoup
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
UnityTechnologiesJapan002
未来のプログラミング技術をUnityで -UniRx-
未来のプログラミング技術をUnityで -UniRx-
torisoup
Unity開発で使える設計の話+Zenjectの紹介
Unity開発で使える設計の話+Zenjectの紹介
torisoup
インタフェース完全に理解した
インタフェース完全に理解した
torisoup
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
NAKAOKU Takahiro
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
Unity Technologies Japan K.K.
UnityでUI開発を高速化した件
UnityでUI開発を高速化した件
Grenge, Inc.
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
エピック・ゲームズ・ジャパン Epic Games Japan
Unity2018/2019における最適化事情
Unity2018/2019における最適化事情
Unity Technologies Japan K.K.
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
UnityTechnologiesJapan002
UnityのクラッシュをBacktraceでデバッグしよう!
UnityのクラッシュをBacktraceでデバッグしよう!
Unity Technologies Japan K.K.
【Unity道場 2月】シェーダを書けるプログラマになろう
【Unity道場 2月】シェーダを書けるプログラマになろう
Unity Technologies Japan K.K.
負荷テストを行う際に知っておきたいこと 初心者編
負荷テストを行う際に知っておきたいこと 初心者編
まべ☆てっく運営
大規模負荷試験時にやったこと
大規模負荷試験時にやったこと
まべ☆てっく運営
Contenu connexe
Tendances
UniRx の1歩目
UniRx の1歩目
infinite_loop
UniTask入門
UniTask入門
torisoup
Riderはいいぞ!
Riderはいいぞ!
UnityTechnologiesJapan002
Unityでオンラインゲーム作った話
Unityでオンラインゲーム作った話
torisoup
RPGにおけるイベント駆動型の設計と実装
RPGにおけるイベント駆動型の設計と実装
Koji Morikawa
Doozy UI 使おうぜ! #unity_lt
Doozy UI 使おうぜ! #unity_lt
torisoup
UE4のためのより良いゲーム設計を理解しよう!
UE4のためのより良いゲーム設計を理解しよう!
Masahiko Nakamura
はじめてのUniRx
はじめてのUniRx
torisoup
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
UnityTechnologiesJapan002
未来のプログラミング技術をUnityで -UniRx-
未来のプログラミング技術をUnityで -UniRx-
torisoup
Unity開発で使える設計の話+Zenjectの紹介
Unity開発で使える設計の話+Zenjectの紹介
torisoup
インタフェース完全に理解した
インタフェース完全に理解した
torisoup
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
NAKAOKU Takahiro
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
Unity Technologies Japan K.K.
UnityでUI開発を高速化した件
UnityでUI開発を高速化した件
Grenge, Inc.
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
エピック・ゲームズ・ジャパン Epic Games Japan
Unity2018/2019における最適化事情
Unity2018/2019における最適化事情
Unity Technologies Japan K.K.
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
UnityTechnologiesJapan002
UnityのクラッシュをBacktraceでデバッグしよう!
UnityのクラッシュをBacktraceでデバッグしよう!
Unity Technologies Japan K.K.
【Unity道場 2月】シェーダを書けるプログラマになろう
【Unity道場 2月】シェーダを書けるプログラマになろう
Unity Technologies Japan K.K.
Tendances
(20)
UniRx の1歩目
UniRx の1歩目
UniTask入門
UniTask入門
Riderはいいぞ!
Riderはいいぞ!
Unityでオンラインゲーム作った話
Unityでオンラインゲーム作った話
RPGにおけるイベント駆動型の設計と実装
RPGにおけるイベント駆動型の設計と実装
Doozy UI 使おうぜ! #unity_lt
Doozy UI 使おうぜ! #unity_lt
UE4のためのより良いゲーム設計を理解しよう!
UE4のためのより良いゲーム設計を理解しよう!
はじめてのUniRx
はじめてのUniRx
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
【Unite 2018 Tokyo】60fpsのその先へ!スマホの物量限界に挑んだSTG「アカとブルー」の開発設計
未来のプログラミング技術をUnityで -UniRx-
未来のプログラミング技術をUnityで -UniRx-
Unity開発で使える設計の話+Zenjectの紹介
Unity開発で使える設計の話+Zenjectの紹介
インタフェース完全に理解した
インタフェース完全に理解した
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
【Unity道場】VectorGraphicsで作る エモい表現
【Unity道場】VectorGraphicsで作る エモい表現
UnityでUI開発を高速化した件
UnityでUI開発を高速化した件
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
Unity2018/2019における最適化事情
Unity2018/2019における最適化事情
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
【Unite Tokyo 2019】Unity Test Runnerを活用して内部品質を向上しよう
UnityのクラッシュをBacktraceでデバッグしよう!
UnityのクラッシュをBacktraceでデバッグしよう!
【Unity道場 2月】シェーダを書けるプログラマになろう
【Unity道場 2月】シェーダを書けるプログラマになろう
En vedette
負荷テストを行う際に知っておきたいこと 初心者編
負荷テストを行う際に知っておきたいこと 初心者編
まべ☆てっく運営
大規模負荷試験時にやったこと
大規模負荷試験時にやったこと
まべ☆てっく運営
「ユニティちゃんを踊らせよう!」モーションキャプチャーデータのアニメーション演出
「ユニティちゃんを踊らせよう!」モーションキャプチャーデータのアニメーション演出
小林 信行
実行時のために最適なデータ構造を作成しよう
実行時のために最適なデータ構造を作成しよう
Hiroki Omae
BRDF レンダリングの方程式
BRDF レンダリングの方程式
康弘 等々力
Shadow gunのサンプルから学べるモバイル最適化
Shadow gunのサンプルから学べるモバイル最適化
Katsutoshi Makino
Extending the Unity Editor Extended
Extending the Unity Editor Extended
Masamitsu Ishikawa
Unityのasset bundle運用実例@lordofknights
Unityのasset bundle運用実例@lordofknights
Kouji Hosoda
知って得するUnity エディタ拡張編
知って得するUnity エディタ拡張編
Shota Baba
Unity エディタ拡張
Unity エディタ拡張
Shota Baba
En vedette
(10)
負荷テストを行う際に知っておきたいこと 初心者編
負荷テストを行う際に知っておきたいこと 初心者編
大規模負荷試験時にやったこと
大規模負荷試験時にやったこと
「ユニティちゃんを踊らせよう!」モーションキャプチャーデータのアニメーション演出
「ユニティちゃんを踊らせよう!」モーションキャプチャーデータのアニメーション演出
実行時のために最適なデータ構造を作成しよう
実行時のために最適なデータ構造を作成しよう
BRDF レンダリングの方程式
BRDF レンダリングの方程式
Shadow gunのサンプルから学べるモバイル最適化
Shadow gunのサンプルから学べるモバイル最適化
Extending the Unity Editor Extended
Extending the Unity Editor Extended
Unityのasset bundle運用実例@lordofknights
Unityのasset bundle運用実例@lordofknights
知って得するUnity エディタ拡張編
知って得するUnity エディタ拡張編
Unity エディタ拡張
Unity エディタ拡張
Similaire à うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
ABC2012Spring 20120324
ABC2012Spring 20120324
Tak Inamori
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
Css nite(2010.09.23)
Css nite(2010.09.23)
Yoshiki Ushida
最近の実装方針について
最近の実装方針について
大介 秋本
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
Kentaro Matsumae
01 idea table3.0
01 idea table3.0
umisuzume
HTML5の今とこれから
HTML5の今とこれから
Takuya Yamamoto
Jenkinsを使おうよ
Jenkinsを使おうよ
Yohei Oda
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
TomomitsuKusaba
Cod2012 デバッグ講座
Cod2012 デバッグ講座
Masuda Tomoaki
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Naoki Umehara
Pokelabo android web
Pokelabo android web
Shumpei Shiraishi
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
マルチデバイスに対応するためのAuto layout
マルチデバイスに対応するためのAuto layout
asakahara
Similaire à うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
(20)
ABC2012Spring 20120324
ABC2012Spring 20120324
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
Css nite(2010.09.23)
Css nite(2010.09.23)
最近の実装方針について
最近の実装方針について
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
01 idea table3.0
01 idea table3.0
HTML5の今とこれから
HTML5の今とこれから
Jenkinsを使おうよ
Jenkinsを使おうよ
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
Cod2012 デバッグ講座
Cod2012 デバッグ講座
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Pokelabo android web
Pokelabo android web
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
20120316 designerworkshoppublished
20120316 designerworkshoppublished
マルチデバイスに対応するためのAuto layout
マルチデバイスに対応するためのAuto layout
Dernier
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Dernier
(11)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
1.
うちではこうやってます UI構築のルールと Playmakerを使った画面遷移 株式会社マーベラス 松田裕太 1
2.
自己紹介:松田裕太 いろいろやってきました。雑食エンジニア。 最近はUnityでアプリを作ることが多いです。 マーベラス時代 世に出ていない試作や、名前は出せないプロジェクト ジー・モード時代 フライハイトアレスティア、パネローグなど 某アニメ制作会社時代 アニメ@wikiというサイトにまとまってました https://www7.atwiki.jp/anime_wiki/pages/13912.html 某携帯キャリア会社時代 ガラケー用アプリのライブラリ仕様策定など 2
3.
今回のお題 うちではこうやってます UI構築のルールと Playmakerを使った画面遷移 マーベラスのすべてのプロジェクトで行っている 手法というわけではありません 今作っているアプリではこうやってますよ というのを紹介します 3
4.
目次 目的 画面遷移 UI構築ルール 作業フロー おまけ 4
5.
目的 画面遷移 UI構築ルール 作業フロー おまけ 5
6.
画面量産の仕組みが欲しかった 今回のプロジェクトは期間に対しての物量が多く さらに人数が「じわじわ」と増えることが予想された 人が増えるたびに新メンバーの学習のコスト負担になる 悩まずに画面や機能を量産する仕組みが欲しかった 6 0 5 10 15 1 2 3
4 5 6 7 8 9 エンジニアの増減 人数 経過月数
7.
画面を量産するためには 導入時(人が増えたとき) ・ルール説明しやすいこと ・ルールが少ないこと 実装時 ・他の実装から真似できる ・担当者が変わってもぱっと見でわかる 7
8.
目的 画面遷移 UI構築ルール 作業フロー おまけ 8
9.
基本構成 uGUI(Unity5.3.4) + Playmaker 9
10.
基本構成:uGUI Unity標準の2D用UI機能のことを勝手にこう呼んでいる おそらく公式な呼び方ではない Unity4.6以前はNGUIという UI構築用エディタ拡張アセットがスタンダードだった しかしUnity4.6でNGUI相当の機能が標準で入ったので 区別するためにuGUIって呼んでいたら いつの間にか定着していた気がする 10
11.
基本構成:Playmaker みんな大好きPlaymaker 大人気のエディタ拡張アセット グラフィカルなステートマシンエディタ https://www.assetstore.unity3d.com/jp/#!/content/368 PlayMakerなのか playMakerなのか Playmakerなのか よくわからない 11
12.
画面遷移の方式 Unityでの画面遷移の実現方法は大きく分けて2つ プレハブ入れ替え方式 シーン入れ替え方式 うちの場合は(基本的には)シーン入れ替え方式 (ひとつのシーンをみんなで触るのは危険) 12
13.
シーン内のオブジェクト 各シーンに初期配置されているオブジェクトは1つ 13 コンポーネントは2つのみ PlaymakerFSM + シーケンスマネージャ
14.
シーンの種類 シーン入れ替え方式でのシーンは2種類 メインシーケンス ゲーム全体の画面遷移を管理するシーン(FSM) ゲーム起動時から終了までずっと生きている シーンシーケンス 各画面用のシーン(FSM) 画面遷移で入れ替えられ、破棄されていく 14
15.
シーンの親子関係 15 メインシーケンス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス シ ー ン シ ー ケ ン ス
16.
シーンの親子関係 16 startup home menu party adventureLog battle pictureBook option
17.
Playmakerを使ったステート管理 Playmakerはグラフィカルなステートマシンとしてだけ利用 アクションはシーケンスマネージャを呼ぶCallMethodだけ ただし、一部の処理はカスタムアクション化している 17 メインシーケンス シーンシーケンス
18.
ステートの色 18 黒:基本 赤:シーン遷移 橙:通信待ち 紫:チュートリアル 緑:ユーザー操作待ち
19.
ステートの配置 19 上から下へ、左から右へ 1画面に収める 処理のかたまりを意識する
20.
各ステートで行うこと シーケンスマネージャに用意したメソッドを CallMethodを使って呼ぶ シーケンスマネージャにはFsm~~~という名前で Playmakerのステートから呼ばれるメソッドを用意 FsmGetHome()、FsmMakeUi()、FsmShowHelp… 各Fsmメソッド内でPlaymakerのイベントを呼び ステートの遷移を行う 明示的に呼ばない場合はFINISHEDが自動的に発生 20
21.
各ステートで行うこと 21
22.
ステートで行うこと 22 ①make ui に到達 ②FsmMakeUiAdventureLog を実行 ③UiAdventureLog.Create() でプレハブをインスタンス化 次のステートへ
23.
目的 画面遷移 UI構築ルール 作業フロー おまけ 23
24.
UIプレハブという概念 ホーム画面ならUIHomeプレハブ オプション画面ならUIOptionプレハブ メニュー画面ならUIMenuプレハブ といった形で各画面(シーン)用にプレハブを用意 プレハブにはそのプレハブ専用のクラスを用意 ホーム画面ならUIHomeクラス UIHome.Create()でプレハブを生成、画面に配置。 1シーン、1プレハブ、1画面が基本 24
25.
25 ホーム もどる ヘルプ クエスト パーティ ずかん オプション メニュー 設定 例えばこんな画面(メニュー)
26.
26 例えばこんな画面(メニュー) ホーム もどる ヘルプ クエスト パーティ ずかん オプション メニュー 設定 UIHeader UIFooter UIMenu
27.
27 UIMenuプレハブの構成
28.
28 ホーム もどる ヘルプ 道具 メニュー 設定 例えばこんな画面(リスト) 武器
防具 こんぼう ナイフ かしのつえ AK-47 はがねのつるぎ てつのオノ
29.
29 ホーム もどる ヘルプ 道具 メニュー 設定 例えばこんな画面(リスト) 武器
防具 こんぼう ナイフ かしのつえ AK-47 はがねのつるぎ てつのオノ UIHeader UIFooter UIItemList
30.
30 ホーム もどる ヘルプ 道具 メニュー 設定 親子関係を意識して分割 武器
防具 こんぼう ナイフ かしのつえ AK-47 はがねのつるぎ てつのオノ
31.
31 UIItemListプレハブの構成
32.
画面内での処理のながれ イベントは親へ 指示は子へ 32
33.
画面内での処理のながれ TabAはUITabAreaへイベントを発行する ↓(親へ) UITabAreaは受けたイベントをUIItemListへ渡す ↓(親へ) UIItemListは受けたイベントを判断 UITabArea、UIContentsAreaへと指示 ↓ ↓(子へ) ↓ UITabAreaの各Tabの色が変わる。 UIContentAreaのScrollViewの内容が更新される。 33
34.
目的 画面遷移 UI構築ルール 作業フロー おまけ 34
35.
仕様作成から実装までのフロー 35 仕様書作成 仕様確認 UIプレハブ作成 スクリプト開発 UIプレハブ修正 FSM開発 企画 デザイナ エンジニア エンジニア エンジニア 全員
36.
UIプレハブはデザイナさんが作る デザイナさん専用の UIプレハブを作成するためのシーン UIEditorTemp UIMenuEditor UIHomeEditor UIPartyEditor などなど 36
37.
デザイナ用ブランチ ブランチの切り方 37 エンジニア用ブランチ develop マージ マージ
38.
目的 画面遷移 UI構築ルール 作業フロー おまけ 38
39.
通信とエラー処理 APIのレスポンスのコードを独自に指定している。 500(通信エラー) 490(アプリ更新要求) 491(リソース更新要求) 407(アカウントバン) 405(サーバータイムアウト) 403(メンテナンス中) 200(正常)201(準正常) 200、201はAPIをコールしたシーケンスで受け取る。 それ以外は、メインシーケンスが受け取る。 39
40.
通信とエラー処理 40
41.
正常、準正常とは APIごとに、200、201を規定している。 201がないAPIもある。 例えばgetOtherPlayerProfileというAPIがあるとして 200(正常):対象プレイヤーが存在するとき レスポンス:他プレイヤーのプロフィール 201(準正常):対象プレイヤーが存在しないとき レスポンス:エラーメッセージ 41
42.
正常、準正常とは 200のレスポンスは各APIで違う 201のレスポンスは各APIで共通(エラーメッセージのみ) 201が発生する条件は各APIで違う 201発生後の挙動は各シーンシーケンスが自由に行える 500、40x系はメインシーケンスが処理するので シーンシーケンス側では触れない 42
Télécharger maintenant