カードゲーム 学習内容
最終更新：
orika_ex_miyako 2023年11月08日(水) 17:40:08履歴
製作物の概要 
中上級者向けの学習教材です。
タップのみで遊べるカードゲームを製作します。スマホで動作するため、気軽に楽しめます。
画面をタップして分岐を選択し、探索イベントや戦闘イベントなどをクリアしながら、最終地点まで移動することと目的にするゲームです。
分岐移動やイベントなどはファントムローズというゲームをモチーフにしています。
複数の異なる効果をカードを駆使して、戦略的なゲームを楽しむことが出来ます。
＜動画 タップでイベントを選択して分岐＞
＜動画 戦闘イベント＞
＜動画 探索イベント＞
＜動画 カードプール＞
＜動画 カードをタップしてスロットにセットし、順番に利用して戦闘する＞
＜動画 探索ポイントをタップして探索する＞
システムとルール
世界観については、自分のイメージを優先して作成します。
例えばファントムローズであるなら、ゴシック調かつ、ダークな雰囲気にしています。
ゲームを開始すると、メインシーンが実行されます。
メインシーンにはイベントに合わせて分岐ボタンが用意され、選択することで進行します。
進行に合わせて、選択した分岐点の色が変わり、どのルートを進行してきたのかを視覚的に確認できるようにします。
イベント分岐のボタンをタップすると、選択されたイベントが実行されます。
イベント設計は抽象的な設計を行います。
各イベントの処理については、ファントムローズとほぼ同じ処理になります。
戦闘イベントでは、所持しているカードを利用して敵と１対１のバトルを行います。
カードスロットには２枚のカードをセットできます。
スロットの左側にセットされたカードから順番に１つずつ処理されて、攻撃、回復、防御、支援といった効果を発動し、
いずれかのＨＰが０になるまで、この手順を繰り返します。
探索イベントでは、探索できるポイントが数か所用意され、いずれか１箇所をタップして選択することで
その結果を受け取ります。
ファントムローズでは他にも救出イベント、アイテムをもらうイベントなどがありますが、その辺りは別途用意してください。
戦闘イベント
敵を倒すと、ランダムに抽出された複数枚のカードの中から、１枚を選択して獲得できます。
カード獲得イベント
カード獲得後、そのステージを終了するまではカードプールの上限を超えて所持できます。
ステージ終了時には、所持できる上限値になるようにカードを破棄します。
カードプール
戦闘イベントでは、カードスロットにセットして使用したカードにはクールタイムが与えられます。
クールタイムはターン経過により減少し、0 になるまで、そのカードは使用できない状態になります。
ファントムローズとの違いとして、クールタイムが 0 ではないカードも、ＨＰ を消費することで使用することが出来ます。
ただし、この方法で使用したカードは、クールタイムが上乗せされます。
例えばクールタイムの初期値が４のカードがあり、現在のクールタイムが２だとします。
この状態でＨＰを消費してカードを使用すると、クールタイムが２＋４で６になり、０になるまではＨＰ消費しても利用できなくなります。
消費するＨＰはカードのレアリティと残りのクールタイムから算出される仕組みです。
クールタイム
ステージの最後には警告の演出とともにボスが出現し、ボスを倒すことでゲームクリアとなります。
ゲームオーバー、あるいはゲームクリア時には再度タップすることで、もう一度ゲームを最初からプレイできます。
この部分をステージ制などに変更すれば、１つのゲームサイクルとして完成できます。
発展要素としましては追加のルールを考えたり、アイテムの要素を追加したり、色々な楽しみ方を設計出来ます。
完成図
この教材をすべて完成させると、以下のような画面構成を持つゲームになります。
１．ゲームの流れ
今回は１つのシーンでのみゲームを作成しています。そのため、タイトルシーンなどは教材内にはありません。
必要であれば、タイトルシーンについては自分で考えて楽しいイメージの設計を行って実装をしてみてください。
ゲームを実行すると、メインとなるカードゲームのイベント分岐シーンがスタートします。
ゲームスタートの演出
続いて、画面をタップできるようになり、タップしたイベントが発生します。
タップしてイベント分岐
戦闘イベント、あるいは探索イベントなどが発生し、クリアを目指します。
各イベント
ステージの最後には分岐はなく、ボスが出現します。
ボスが出現する際には警告の演出が入ります。
警告の演出
プレイヤーのＨＰが 0 になる前にボスを倒すことが出来ればゲームクリアです。
ゲームクリアすると、再ゲームスタートのタップを促す表示と、ゲームクリアの演出が入ります。
ゲームクリア演出
ゲームクリア、あるいはゲームオーバー時に画面をタップすると、再度ゲームをスタートすることが出来ます。
ゲームオーバー
ここでゲームをサイクル化しています。
学習内容
２Ｄカードゲームを製作していくことで、習得することを目標とする技術を記載しておきます。
また、スクリプトに関しては、たくさん書いて覚える、ということを主軸として記述を行っています。
一見、合理的・機能的には見えない処理もありますが、あくまでも書いて覚えるための手順書になっています。
そのため、学習状況によっては、もっとスマートに書けるのでは？ と感じる方もいると思いますが
そうした「気づき」を感じた方は自分なりの記述方法を考えて、よりよいスクリプトを書いていく練習としてこの教材を活用してください。
・設計に沿った製作作業 ・アセットストアからインポートしたアセットの利用方法について ・Canvas内のみでゲーム画面を作成(ワールド空間は使用しない) ・Raycast Target 機能について自分で調べる ・CanvasRenderer コンポーネントの Cull Transparent Mesh 機能 ・キャラモデルをUI(Canvas)上に表示する方法(RawImage コンポーネント、RenderTextureの活用) ・セーブのショートカットボタン ・RequireComponent属性 ・Transform.right 変数 ・Rigidbody2D.AddForce メソッド ・Header属性 ・Transform.up 変数 ・Destroy メソッド ・Summary（サマリー）機能 ・プレファブの作成 ・Instantiate メソッド� 欅�数の種類と内容− ・Instantiate メソッド�◆ 写瓩蠱佑粒萢僉� ・ピリオドによる処理の読み解き方 ・Input.mousePosition 変数 ・Camera.ScreenToWorldPoint(Vector3 position) メソッド ・Vector3.Scale メソッド ・Vector3.normalized 変数を利用した正規化処理 ・Transform.Translate メソッド ・OnTriggerEnter2D メソッド ・Tag の設定 ・処理のメソッド化 ・TryGetComponent メソッドと out キーワード宣言 ・OnTriggerEnter2D メソッド、Tag の復習を行う ・TODO 機能 ・アンカー設定 ・親子関係の利用方法 ・SerializeField属性 ・アタッチとアサインについて ・Mathf.Clamp メソッド ・DOTweenの補間機能と実装例� �DOValue メソッドー ・キャスト処理 ・復習しながら、自分で処理を書いてみる ・Start メソッドの役割を持つメソッドを作成して利用する方法 ・複数行の処理を１行にまとめて記述する方法 ・スクリプトの参照利用方法 ・条件式時のbool型の省略記法 ・学習内容の復習（手順２０まで） ・問題点の切り分けを行う方法 ・Transform.SetParent メソッド ・復習を兼ねて、教材を見る前にエフェクト用のゲームオブジェクトを作成してプレファブにする処理に挑戦する ・static クラスと static 変数の宣言 ・static メソッドの利用方法 ・プロパティ ・Debug.Log メソッドを利用した処理の流れの確認方法 ・StartCoroutine メソッド ・引数を利用して外部のスクリプトから情報を取得して利用する方法 ・省略可能な引数を持つメソッドを定義する方法と使用方法 ・DOTweenの補間機能と実装例�◆ �DOLocalMoveY メソッドー ・CanvasGroup コンポーネントの機能について ・DOTweenの補間機能と実装例�� −DOFade メソッド− ・DOTweenの補間機能と実装例�ぁ �DOText メソッド− ・Start メソッドと Update メソッドの利用方法を考える ・Start メソッドに依存しない設計
発展編として、以下の技術についても学習します。
・リファクタリングを行い、関連する処理を１つのスクリプトにまとめる方法 ・スクリプトを経由して別のスクリプトの処理を実行していく方法 ・enum だけのスクリプト・ファイルの作成 ・スクリプタブル・オブジェクトの作成とデータの登録 ・クラス内に別のクラスを作成する(入れ子クラス) ・[System.Serializable（シリアライザブル）]属性 ・List の初期化 ・入れ子クラスを外部のクラスで宣言する方法 ・スクリプタブル・オブジェクトを利用する方法 ・スクリプトを活用して１つのゲームオブジェクトの振る舞いを変えて、異なる役割を与える方法 ・引数と戻り値を使った処理の実装例 ・enum を条件に利用した switch 文の実装例 ・Listの使い方� �Add メソッドー ・入れ子クラスを外部のクラスで利用する方法 ・スクリプタブル・オブジェクトに新しい情報を追加する ・シングルトンデザインパターンによるクラスの作成と活用 ・複数のスクリプトを経由して処理を実行していくロジックの考え方と設計方法 ・ゲームの設定関連の値を１つのスクリプトに集約し利用する方法 ・DOTweenの補間機能と実装例�ァ �DOLocalMoveX メソッド、SetLoops メソッド、SetEase メソッドー ・DOTweenの補間機能と実装例�Α �OnComplete メソッドー ・DOTweenの補間機能と実装例�А �Sequence 機能、Append メソッド、AppendInterval メソッドー ・スクリプタブル・オブジェクトの新しい使い方 ・UnityAction(デリゲート)の使い方 ・エネミーとプレイヤーで同じスクリプトを利用する ・コルーチンメソッドを利用した while 文の実装例 ・共通する処理を複数かかないように考えて記述する ・戻り値と引数を利用した処理の実装例 ・GameObject型以外のインスタンスの方法 ・Listの使い方�◆ �Count 変数、Clear メソッド− ・引数と戻り値を利用して処理の内容を自動分岐する処理の実装例 ・１つのゲームオブジェクトを複数の目的に利用する方法 ・自分でロジックを考えて組み立てる ・Grid Layout Group コンポーネントの使用方法 ・for 文と Grid Layout Group コンポーネントを利用したインスタンシエイト処理の実装例 ・ゲームの世界観を構築する ・クラス内に入れ子として enum を宣言して利用する方法 ・処理の全体像から、ロジックを組み立てて実装を行う ・DOTweenの補間機能と実装例�А �DOFillAmount メソッドー ・foreach 文を利用した処理の実装例 ・Selectable.interactable プロパティ ・Startメソッドの戻り値を void から IEnumerator 型にして使用する処理 ・yield return StartCoroutine メソッドによる待機処理 ・if文の条件式に戻り値を持つメソッドを利用する場合の実装例 ・引数に条件式を利用する方法 ・プロパティを自作する ・switch 文の実装例 ・配列の活用方法の実装例 ・GameObject.FindGameObjectsWithTag メソッド ・Vector3.MoveTowards メソッド ・パーティクルのエフェクトを Canvas 上で再生する方法 ・Color32 ・ParticleSystem.MinMaxGradient 構造体 ーパーティクルのエフェクトの色をランダムで変更するー ・DOTweenの補間機能と実装例�─ �DOPunchScale メソッドー ・DOTweenの補間機能と実装例�� ーDOShakeScale メソッドー ・Block Raycast プロパティ ・DOTweenの補間機能と実装例�� ーDOLocalJump メソッドー ・順序立てた処理の制御の実装例 ・順序立てた処理のロジックを自分で考えて実装を行う ・今までの処理を復習し、自分の設計でスクリプタブル・オブジェクトや static クラスを新しく作成する ・戻り値を持つメソッドの処理の実装例 −if 文の条件式、引数への指定、戻り値後の型に対して続けて記述する処理− ・タプル型の実装例 ・戻り値を持つメソッドの自作 ・List を利用したスクリプタブル・オブジェクト内のデータの抽出処理の自作 ・BulletData の情報をどのようにすれば利用できるようになるか、ロジックを考える ・BGMを鳴らす場面・シーンを考える ・AudioSource.Playメソッド、AudioSource.Stopメソッド、AudioSource.clip 変数 ・DOTweenの補間機能の実装例�� ーAudioSource.DOFadeメソッドを利用したBGMのクロスフェード演出処理ー ・AddComponent メソッド ・オーディオファイルの容量圧縮やメモリ使用の設定 ・自分で処理全体の設計ロジックを考えて１つずつ処理を実装する
拡張編として、以下の技術についても学習します。
・ブロック記号({ })の省略書式
・処理のコメントをなるべくゲーム上の動きで記述する
・DOTweenの補間機能の実装例�� ーDOTween.TO メソッドを利用した数字の変動アニメ演出処理ー
・処理を組み合わせた演出を考えて実装する
・Any State を利用したステートの遷移処理の実装例
・Animator.ResetTrigger メソッド
重点学習箇所
１．ピュアクラスの利用方法
MonoBehaviour クラスを継承しないクラスを多く利用します。
このクラスはゲームオブジェクトにアタッチすることは出来ず、インスタンスを可視化できません。
そのため、Unity で扱うスクリプトのような形ではなく、C# 本来の動作をイメージして扱う必要があります。
それらを上手くゲーム内に活用していく方法を学習します。
MonoBehaviour クラスを継承しないクラスの例
２．UniRx を利用したイベント駆動型処理の利用方法
特定の条件やタイミングで発生するイベント処理について、UniRx を利用する方法を学習します。
・MV(R)P パターンによる UI 制御 ・Unity のイベントの呼び出し(Update、OnDestroy など) ・ボタンなどの操作通知
既存のイベント処理を UniRx を利用したイベント処理に置き換えていき、処理のバリエーションを広げます。
３．１つのプレファブから、異なる内容の同種類のゲームオブジェクトを作成する
イベント分岐のボタンや、カードなどについては、これは分岐ボタンをイベント種類ごとに別々に用意しているのではなく、
１つのプレファブから、用意してあるデータを反映して、それぞれが別のボタンになるよう、異なるゲームオブジェクトとして振る舞わせています。
イベント分岐ボタンのプレファブ
↓
＜動画 生成時にデータを反映して、異なるイベント分岐のボタンとして振る舞わせる＞
これはカードにも同じ処理を利用しています。
カード用のプレファブは１つしかありませんが、そのプレファブに用意してあるデータを反映して、異なる種類のカードとして振る舞うように設計しています。
４．スクリプタブル・オブジェクトの活用
Unity にはスクリプタブル・オブジェクトという、データベースを作成して利用する機能があります。
今回のゲームは、この機能を活用することによって、【３】のプレファブの振る舞いを変更する処理を実行しています。
カードのデータを管理しているスクリプタブル・オブジェクトのインスペクター画像
スクリプタブル・オブジェクトの内容はインスペクターから変更が可能です。
今回はさらに、スプレッドシートを利用して、シートの情報をスクリプタブル・オブジェクトに取り込む運用方法を学習します。
５．UniTask を利用した非同期処理の利用方法
非同期処理について、コルーチンメソッドではなく、UniTask を利用した async / await 処理での実装を学習します。
こちらの処理の方が柔軟性が高い処理が記述できますが、キャンセル処理への適切な扱いが求められるため、
正しい運用方法を理解しておく必要があります。
Unityの持つ機能を上手く活用していくことで、こういったゲーム内の処理を実装することが出来ます。
以上でこの手順は終了です。
=> 次は 設計を考える です。
コメントをかく