クイズゲームを作ろう！
今回は、３択クイズゲームを作っていきます！
目次
ステップ① スプレッドシート（CSVスクリプト）でクイズの作成
ステップ② クイズ用のクラスの作成
ステップ③ クイズの表示
ステップ④ 当たり判定
ステップ⑤ 正誤判定
ステップ⑥ 選択肢をランダムに
ステップ⑦ 複数問題の出題
おまけ 複数ステージの実装
ステップ① スプレッドシートでクイズを作成しよう
CSVファイルを用意しよう！
まず、Googleドライブから新しいスプレッドシートを作成します。
いちばん左のセルから順に問題文、正答、誤答1、誤答2を書き込んでいきましょう。
最後「；(セミコロン)」を入力するのを忘れずに！
保存する時は、【ファイル】→【形式を指定してダウンロード】→【カンマ区切りの値
(.csv、現在のシート)】でCSVファイルとして自分のPCに保存します。
その際、ファイルの名前を「QuizForStage1」としておきましょう。
UnityプロジェクトにCSVファイルを入れよう！
Unityプロジェクトに戻って、Projectビューの[Create]から新しいフォルダを作成し、
「Resources」という名前にします。
さらに、Resourcesフォルダの中に「CSV」という名前のフォルダを作成し、自分のPC
のファイル/ファインダーから保存したCSVファイルをぽいっとドラッグ＆ドロップしま
す。
これで、作問の準備は完了です！
ステップ② クイズ用のクラスを作ろう！
クイズを入力するためのファイルはできたので、次はUnity上でCSVファイルのデータを使えるようにする準備をしていきます。
Unityプロジェクトを開いて、Projectビューの[Create]から新しいスクリプトを作ります。
スクリプトの名前を「QuizManager」にし、以下のようにコードを書いていきます
これで、クイズクラスの完成です。
ステップ③ クイズを表示しよう！
クイズの準備が一通りできました！
今度はUnityでクイズを１問だけ表示させてみましょう。
まず、Unityプロジェクトを開いて以下３種類を↓の画像のように配置していきましょう。
・問題文を表示するためのテキスト
・選択肢を表示するためのテキスト ×３つ
・選択肢ボタンがわりになるキューブ ×３つ
（キューブは、上から名前を「AnswerWallTop」、「AnswerWallMiddle」、「AnswerWallBottom」としておきます。）
テキスト・オブジェクトの配置が終わったら、次は「CsvManager」というスクリプトを用意するのですが、内容はコピペでOKです（注1）。
Projectビューの中にドラッグ＆ドロップで入れておきます。
次に、新しいスクリプトを作成し、名前を「GameManagerScript」にします。
スクリプトを開いて↓のようにコードを書いていきます。
最後にスクリプトで宣言した変数とテキストとを紐付けし、実行してクイズが表示されればOKです。
ステップ④ 当たり判定をしよう！
今回は、”Ray”というコードを使って、タップしたキューブに当たり判定を設定していきます。
まず、「AspectRatioManager」という名前のスクリプトを作り内容をコピぺして（注2）、Projectビューの中にドラッグ＆ドロップで入れておきます。
Rayはオブジェクトのタグで当たりを検知するので、選択肢のキューブ３つに「Answer」という名前のタグを作り、タグ付けします。
次に、GameManagerScriptのvoid Update関数内に当たり判定のコードを書いていきます↓
Unityプロジェクトに戻り、実行してみましょう！
ステップ⑤ 正誤判定をしよう！
押した選択肢が反応してくれるようになりました。
今、AnswerWallTopに正答が反映されるようになっています。
そこで、今度は上記の選択肢をタッチすると「正解」とコンソールに表示させてみましょう。
正誤判定をするために、以下のようにコードを追記していきます。
・「answerString」というstring型の変数を宣言（void Start関数の前）
・65行目のanswerStringに正答を保存
・75〜81行目の"AnswerSelected"関数
最後に、各選択肢にRayが当たった時の処理のところで、AnswerSelected関数を呼び出します。
ステップ⑥ 選択肢をランダムにしよう！
今の状態では、一番上の選択肢が正解になってしまっています。今度は、正答をランダムないちに表示する処理を行います。
はじめに、選択肢の表示をランダムにするための「ListExtension」スクリプトを作成し（注3）、UnityプロジェクトのProjectビューに入れておきましょう。
次に、GameMnager上で選択肢テキストを以下のようにシャッフルします
これで選択肢のテキストをランダムに表示できます。
ステップ⑦ 複数の問題を出題しよう！
最後に正誤判定をした後に、次の問題をランダムに出題する、という実装を行います。
GameMangerScriptを開いて、以下のようにコードを加筆・修正して行ってください。
コードの変更については、以下の４点を確認しましょう。
・CreateQuestion関数で、quizListがfor文になっているか
・「currentQuizIndex」変数が宣言されているか
・ShowQuestion関数の、quizList[0]がquizList[i]に変わっているか
・currentQuizIndexのランダム設定ができているか・ShowQuestion関数の引数がcurrentQuizIndexになっているか
これで、クイズゲームの基本システムができました！！
おまけ 複数のステージを実装しよう！
おまけですが、複数ステージを作る時、ステージの数だけシーンを作る必要はありません。
ステップ①を参考に、もう一つのステージ用のCSVファイルを作成し、名前を「QuizForStage2」として作成します。
次に、新しくProjectビューの[Create]からステージ選択用のシーンを作ります。
また、新しいステージにボタンを２つ追加し、片方を押下するとCSVファイルのQuizForStage1が読み込まれ、もう片方を押下するとQuizForStage2が読み込まれるようにしていきます。
シーンができたら、今度は新しいスクリプトを作成し、「MenuManagerScript」と名前をつけ、以下のようにボタンをクリックした時の関数を２つ作ります。
ボタンと関数を紐付けられたら、GameManagerScriptに戻り、以下のようにコードを書き換えます。
以上、複数ステージの実装でした！
コピペファイル一覧
注1. CsvManager
using UnityEngine;
using System.Collections;
using System.IO;
using System.Collections.Generic;
using System.Text;
public class CsvManager
{
///
/// Resourcesフォルダ内のcsvファイルを読み込み、string型2次元配列で返す。
/// example) CsvManager.ReadTextFile("Commands/BasicCommands.csv")
///
public static string ReadTextFile (string dataPath)
{
string data;
string textData = OpenTextFile (GetPath () + dataPath);
if (textData != "ERROR") {
data = textData;
} else {
data = "";
}
if (string.IsNullOrEmpty (data)) {
return null;
}
return data;
}
public static string[,] ReadCsvFile (string dataPath)
{
string data;
string textData = OpenTextFile (GetPath () + dataPath);
if (textData != "ERROR") {
data = textData;
} else {
TextAsset textAsset = (TextAsset)Resources.Load (dataPath.Split ('.') [0]);
data = textAsset.ToString ();
}
if (data == null) {
return null;
}
string[] rows = data.Replace ("\ r\n", "\ n").Split ('\ n');
int dataRows = rows.Length;
int dataCols = rows [0].Split ("," [0]).Length;
string[,] csvData = new string[dataRows, dataCols];
for (int i = 0; i < csvData.GetLength (0); i++) {
for (int j = 0; j < csvData.GetLength (1); j++) {
string[] value = rows [i].Split ("," [0]);
csvData [i, j] = value [j];
}
}
return csvData;
}
///
/// Resourcesフォルダ内に、ファイルを書き込む。
/// 例) csvManager.WriteData("data.csv", dataArray);
///
public static void WriteData (string dataPath, string[,] newData)
{
Debug.Log("[CsvManager.WriteData(string dataPath, string[,] newData)] called");
string stringData = "";
for (int i = 0; i < newData.GetLength (0); i++) {
for (int j = 0; j < newData.GetLength (1); j++) {
if (j < newData.GetLength (1) - 1) {
stringData += newData [i, j] + ",";
} else if (j == newData.GetLength (1) - 1 && i < newData.GetLength (0) - 1) {
stringData += newData [i, j] + "\ n";
} else {
stringData += newData [i, j];
}
}
}
string[] directries = dataPath.Split ('/');
for (int i = 0; i < directries.Length-1; i++) {
string tmpPath = "";
for (int j = 0; j < i + 1; j++) {
tmpPath += directries [j] + "/";
}
tmpPath = tmpPath.Remove (tmpPath.Length - 1, 1);
if (!Directory.Exists (GetPath () + tmpPath)) {
Directory.CreateDirectory (GetPath () + tmpPath);
}
}
string existingString = OpenTextFile (GetPath () + dataPath);
FileStream fs;
if (existingString == "ERROR") {
fs = new FileStream (GetPath () + dataPath, FileMode.CreateNew);
} else {
fs = new FileStream (GetPath () + dataPath, FileMode.Create);
}
StreamWriter sw = new StreamWriter (fs);
sw.Write (stringData);
sw.Flush ();
sw.Close ();
}
public static void WriteData (string dataPath, List newData)
{
Debug.Log("[CsvManager.WriteData(string dataPath, List newData)] called");
int maxLength = 1;
for (int i = 0; i < newData.Count; i++) {
if (maxLength < newData [i].Length) {
maxLength = newData [i].Length;
}
}
string stringData = "";
for (int i = 0; i < newData.Count; i++) {
for (int j = 0; j < maxLength; j++) {
if (j < maxLength - 1) {
stringData += newData [i] [j] + ",";
} else if (j == maxLength - 1 && i < newData.Count - 1) {
stringData += newData [i] [j] + "\ n";
} else {
stringData += newData [i] [j];
}
}
}
string[] directries = dataPath.Split ('/');
for (int i = 0; i < directries.Length-1; i++) {
string tmpPath = "";
for (int j = 0; j < i + 1; j++) {
tmpPath += directries [j] + "/";
}
tmpPath = tmpPath.Remove (tmpPath.Length - 1, 1);
if (!Directory.Exists (GetPath () + tmpPath)) {
Directory.CreateDirectory (GetPath () + tmpPath);
}
}
string existingString = OpenTextFile (GetPath () + dataPath);
FileStream fs;
if (existingString == "ERROR") {
fs = new FileStream (GetPath () + dataPath, FileMode.CreateNew);
} else {
fs = new FileStream (GetPath () + dataPath, FileMode.Create);
}
StreamWriter sw = new StreamWriter (fs);
sw.Write (stringData);
sw.Flush ();
sw.Close ();
}
public static void WriteData (string dataPath, string data)
{
Debug.Log("[CsvManager.WriteData(string dataPath, string data)] called");
string[] directries = dataPath.Split ('/');
for (int i = 0; i < directries.Length-1; i++) {
string tmpPath = "";
for (int j = 0; j < i + 1; j++) {
tmpPath += directries [j] + "/";
}
tmpPath = tmpPath.Remove (tmpPath.Length - 1, 1);
if (!Directory.Exists (GetPath () + tmpPath)) {
Directory.CreateDirectory (GetPath () + tmpPath);
}
}
string existingString = OpenTextFile (GetPath () + dataPath);
FileStream fs;
if (existingString == "ERROR") {
fs = new FileStream (GetPath () + dataPath, FileMode.CreateNew);
} else {
fs = new FileStream (GetPath () + dataPath, FileMode.Create);
}
StreamWriter sw = new StreamWriter (fs);
sw.Write (data);
sw.Flush ();
sw.Close ();
}
public static string GetPath ()
{
#if UNITY_EDITOR
return Application.dataPath + "/Resources/";
#elif UNITY_ANDROID
return Application.persistentDataPath + "/";
#elif UNITY_IPHONE
return Application.persistentDataPath + "/";
#else
return Application.dataPath + "";
#endif
}
public static string OpenTextFile (string _filePath)
{
FileInfo fi = new FileInfo (_filePath);
string returnSt = "";
if (fi.Exists) {
StreamReader sr = new StreamReader (fi.OpenRead (), Encoding.UTF8);
returnSt = sr.ReadToEnd ();
sr.Close ();
} else {
returnSt = "ERROR";
}
return returnSt;
}
}
注2. AspectRatioManager
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class AspectRatioManager : MonoBehaviour {
public float x_aspect = 1242f;
public float y_aspect = 2208f;
public CanvasScaler[] canvasScaler = new CanvasScaler[1];
void Awake()
{
//Cameraのアスペクト比を設定する
Camera camera = GetComponent();
Rect rect = calcAspect(x_aspect, y_aspect);
camera.rect = rect;
//Canvasのアスペクト比を設定する
for (int i = 0; i scale_height)
{
rect.x = 0;
rect.y = (1.0f - scale_height) / 2.0f;
rect.width = 1.0f;
rect.height = scale_height;
}
else
{
float scale_width = 1.0f / scale_height;
rect.x = (1.0f - scale_width) / 2.0f;
rect.y = 0.0f;
rect.width = scale_width;
rect.height = 1.0f;
}
return rect;
}
///
/// Checks the screen ratio. Return 0 when width, 1 when height
///
private int CheckScreenRatio(int i){
if (Screen.width * canvasScaler[i].referenceResolution.y / canvasScaler[i].referenceResolution.x < Screen.height) {
return 0;
} else {
return 1;
}
}
}
注3. ListExtension
// ListExtension.cs
// http://kan-kikuchi.hatenablog.com/entry/ListExtension
//
// Created by kan.kikuchi on 2016.04.29.
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
///
/// Listの拡張クラス
///
public static class ListExtension {
//=================================================================================
//重複
//=================================================================================
///
/// 重複しないように追加
///
public static void AddToNotDuplicate(this List list, T t){
if(list.Contains(t)){
return;
}
list.Add (t);
}
///
/// 重複を無くす
///
public static void RemoveDuplicate(this List list){
List newList = new List();
foreach (T item in list) {
newList.AddToNotDuplicate(item);
}
list = newList;
}
//=================================================================================
//並び変え
//=================================================================================
///
/// ランダムに並び替え
///
public static List Shuffle(this List list){
for (int i = 0; i < list.Count; i++) {
T temp = list[i];
int randomIndex = Random.Range(0, list.Count);
list[i] = list[randomIndex];
list[randomIndex] = temp;
}
return list;
}
//=================================================================================
//取得
//=================================================================================
///
/// 指定したNoのものを取得し、リストから消す
///
public static T GetAndRemove(this List list, int targetNo){
if(list.Count <= targetNo || targetNo < 0){
Debug.LogError ("リストの範囲を超えています！(ListCount : " + list.Count + ", No : " + targetNo + ")");
}
T target = list[targetNo];
list.Remove (target);
return target;
}
//=================================================================================
//先入先出
//=================================================================================
///
/// 先頭から取り出し、リストから消す
///
public static T Pop(this List list){
return list.GetAndRemove(list.Count - 1);
}
//=================================================================================
//後入先出
//=================================================================================
///
/// 最後尾から取り出し、リストから消す
///
public static T Dequeue(this List list){
return list.GetAndRemove(0);
}
//=================================================================================
//ランダム取得
//=================================================================================
///
/// ランダムに取得する
///
public static T GetAtRandom(this List list){
if(list.Count == 0){
Debug.LogError ("リストが空です！");
}
return list[Random.Range(0, list.Count)];
}
///
/// ランダムに取得し、リストから消す
///
public static T GetAndRemoveAtRandom(this List list){
T target = list.GetAtRandom ();
list.Remove (target);
return target;
}
}
