Unity カードゲームの作り方13 ボス戦闘・画像の文字翻訳ローカライズ・ステージクリア処理の実装

→ Unity入門の森オリジナル本格ゲーム制作講座はこちら
11種類の本格ゲームの全ソースコード公開・画像＆動画による解説付き

この講座はローグライクデッキ構築ゲームの作り方の第13回です。

前回はカード合成システムや毒、火傷といった状態異常の実装を行いました。

前回の記事：

Unityプログラミング・ゲームの作り方入門サイト Unity入門の森 | 主にUnityゲームの作り方を解説する初心者向けUnityゲーム開発講座サイトです。2D、3DだけでなくVRやARアプリの作り方やゲームやUnityを仕事にしたい人...

基本となるゲームシステム開発の仕上げとしてボス戦闘および画像・言語のローカライズ、ステージクリア・ゲームオーバーの実装を行います。

これでステージの最初から最後まで通して遊べるようになります！

【Line登録者限定のプレゼントもあるよ！】

ボス戦闘システムを実装しよう
1. ボス出現演出オブジェクトを作成
2. ボスエネミー判定と演出
  1. 続きを読む
まとめ

ボス戦闘システムを実装しよう

ステージの最後に、そのステージにおいて最も強力な敵であるボスエネミーを配置してゲームの進行にメリハリを付けていきましょう。

ボス出現演出オブジェクトを作成

ボスエネミーとの戦闘が開始する際に一時的に表示を行うオブジェクトを作成します。

まずゲーム画面を暗くするための背景画像UIを作成し、その子に「強敵出現！」のロゴ画像UIを配置する流れになります。

背景画像パネル

ゲーム画面全体を薄暗く覆うような画像UIを作成します。

通常の画像UIを画面の大きさまで拡げても作成可能ですが、今回は「Panel」という種類のUIオブジェクトを選択してみましょう。これによって自動的に画面全体をサイズ指定された画像UIが出来上がります。

オブジェクト名：BossIncomingPanel
親：Game Window
(Image)Color：半透明の黒色
CanvasGroupをAdd Componentで追加

「強敵遭遇！」ロゴ画像

通常の画像UIオブジェクトと同じ要領で作成します。

オブジェクト名：LogoImage
親：BossIncomingPanel
Width：600　Height：160
(Image)Source Image：Textures/Logos/Logo_Boss_JP.png

ボス出現演出クラスの作成

上記２オブジェクトを制御してボス出現時の演出を再生する新クラス、BossIncomingクラスを作成しましょう。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

/// <summary>
/// ボスエネミー出現演出UI処理クラス
/// </summary>
public class BossIncoming : MonoBehaviour
{
	// UIオブジェクト
	[SerializeField] private CanvasGroup canvasGroup = null;
	[SerializeField] private RectTransform logoRectTransform = null; // ロゴ画像のRectTransform
						
	// 初期化処理
	public void Init ()
	{
		// UI非表示
		canvasGroup.alpha = 0.0f;
		canvasGroup.interactable = false;
		canvasGroup.blocksRaycasts = false;
	}

	/// <summary>
	/// 演出開始処理
	/// </summary>
	public void StartAnimation ()
	{
		// 初期UI設定
		gameObject.SetActive (true);
		// CanvasGroup設定
		canvasGroup.alpha = 0.0f;
		// ロゴ設定
		const float LogoStartScale = 1.0f;	// ロゴ画像初期Scale値
		const float LogoEndScale = 3.0f;    // ロゴ画像終了Scale値
		logoRectTransform.localScale = new Vector3 (LogoStartScale, LogoStartScale, 1.0f);
		Vector2 LogoStartPos = new Vector2 (0.0f, 400.0f);	// ロゴ画像初期座標
		Vector2 LogoEndPos = Vector2.zero;					// ロゴ画像終了座標
		logoRectTransform.anchoredPosition = LogoStartPos;

		// UI表示アニメーション
		var sequence = DOTween.Sequence ();
		// パネルを表示
		sequence.Append (canvasGroup.DOFade (1.0f, 0.5f));
		// ロゴを移動
		sequence.Append (logoRectTransform.DOAnchorPos (LogoEndPos, 1.0f)
			.SetEase (Ease.OutQuint));
		// 待ち時間
		sequence.AppendInterval (0.6f);
		// ロゴを拡大
		sequence.Append (logoRectTransform.DOScale (LogoEndScale, 1.0f));
		// パネルを非表示
		sequence.Join (canvasGroup.DOFade (0.0f, 1.0f));
	}
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using DG.Tweening;

/// <summary>

/// ボスエネミー出現演出UI処理クラス

/// </summary>

public class BossIncoming : MonoBehaviour

{

// UIオブジェクト

[SerializeField] private CanvasGroup canvasGroup = null;

[SerializeField] private RectTransform logoRectTransform = null; // ロゴ画像のRectTransform

// 初期化処理

public void Init ()

{

// UI非表示

canvasGroup.alpha = 0.0f;

canvasGroup.interactable = false;

canvasGroup.blocksRaycasts = false;

}

/// <summary>

/// 演出開始処理

/// </summary>

public void StartAnimation ()

{

// 初期UI設定

gameObject.SetActive (true);

// CanvasGroup設定

canvasGroup.alpha = 0.0f;

// ロゴ設定

const float LogoStartScale = 1.0f; // ロゴ画像初期Scale値

const float LogoEndScale = 3.0f; // ロゴ画像終了Scale値

logoRectTransform.localScale = new Vector3 (LogoStartScale, LogoStartScale, 1.0f);

Vector2 LogoStartPos = new Vector2 (0.0f, 400.0f); // ロゴ画像初期座標

Vector2 LogoEndPos = Vector2.zero; // ロゴ画像終了座標

logoRectTransform.anchoredPosition = LogoStartPos;

// UI表示アニメーション

var sequence = DOTween.Sequence ();

// パネルを表示

sequence.Append (canvasGroup.DOFade (1.0f, 0.5f));

// ロゴを移動

sequence.Append (logoRectTransform.DOAnchorPos (LogoEndPos, 1.0f)

.SetEase (Ease.OutQuint));

// 待ち時間

sequence.AppendInterval (0.6f);

// ロゴを拡大

sequence.Append (logoRectTransform.DOScale (LogoEndScale, 1.0f));

// パネルを非表示

sequence.Join (canvasGroup.DOFade (0.0f, 1.0f));

}

DOTweenのDOScaleメソッドを使いオブジェクトの大きさを変更するアニメーションを作成しています。第1引数にfloat型(今回は3.0f)を指定すればX方向にもY方向にもその値にオブジェクトを拡大します。
このスクリプトの例では中途半端ですが、なるべくメソッドに渡す数値などは定数(constやreadonly)を定義して使用すると良いでしょう。スクリプトの中に直接入力されている数値データ(マジックナンバー)が沢山あるとどの値が何を表しているかが分かりにくくなってしまいます。

これをBossIncomingPanelオブジェクトにアタッチして各種参照をセットします。