哈喽大家好我是yumir

文字冒险游戏一直是一个广受欢迎的游戏类型，有小可爱问我有没有文字冒险游戏的制作思路，今天就分享一下，做一个简单的文字冒险游戏，只需要128行代码~

这次我只做了文字显示和分支选择的部分(已经足够用来制作一个游戏了)，实际上不管有多少元素，按着我这个思路都是可以实现的。下图是当前的游戏效果：

我的思路是把系统分为三个部分：视图搭建：界面上所有的元素，比如：角色名称、立绘、对话等等元素，需要在场景中搭建制作好预制体。

数据结构：根据游戏内容设计需要填充的数据，对应以上比如：角色名、立绘图片名称、对话内容等等，除此之外需要一个字段“ID”作为句子的唯一标识。

业务逻辑：将读取到的数据(“2”的数据结构中的内容)和“1”的界面元素一一对应编写逻辑。

一、视图搭建

根据需求搭建界面，因人而异，我在场景中放了：背景、对话框和选项框。

背景是一张图片，对话框是在图片中加上文本，选项框稍微复杂，你需要新建一个空的UI物体，调整到合适的大小布局，然后在该物体上加上“Grid Layout Group”组件，设置如下(尺寸自行调整)。

然后在该物体中新建一个子物体作为选项的预制体，我的选项特简单，就是底图加文字组成的按钮，选项预制体需要写一个对文字内容赋值用的脚本：

public Text text;

public int number;

public void Start()

{

GetComponent().onClick.AddListener(()=> { TalkWin.instance.WhenSwitchNodeGetAnswer(number); });

}

public void SetAnswerUI(string s,int i)

{

text.text = s;

number = i;

}

二、数据结构

为了方便填充剧情，我们需要把所有可控条件(文本、图片名称、是否特效等等)都用一个一个的对象存储起来，针对需求定制不同的类。

根据我的需求，游戏中对话有两种情况，而所有游戏对话又有同质内容，所以我将他们提炼到父类中，他们之间的关系如下(类图):

之所以这么写纯粹是因为写重复的字段很累，为了进一步偷懒(不使用额外的文件)在声明的类的前面加上[System.Serializable]。

using System;

[Serializable]

public class CommonTalkNode : TalkNode

{

public int nextID;

public CommonTalkNode(int ID, string nameText, string talkText, double charSpeed, int nextID) : base(ID, nameText, talkText, charSpeed)

{

this.nextID = nextID;

}

}

这样一来就可以直接在面板上填写数据了。

三、业务逻辑

我需要一个打字机的动画效果，而DOTween正好有现成的，所以直接封装一个方法来更新对话框部分的UI刷新逻辑：

public void UpdateTalkWinShow(string nameText,string talkText, float charSpeed)

{

this.nameText.text = nameText;

this.talkText.text = "";

this.talkText.DOText(talkText, charSpeed * talkText.Length);

}

为了知道每次持有的是哪个对话对象，我们需要在系统中声明一个int值类型的字段，作为当前“对话”的指针，初始值是第一个对话对象的ID，也就是“1001”。在每次播放当前对话内容之后将该值替换为实现设置好的“nextID”。

写一个点击事件根据不同的ID进行判断：

if (textID>1000&&textID<2000)

{

UpdateTalkWinShow(commonDic[textID].nameText, commonDic[textID].talkText, (float)commonDic[textID].charSpeed);

textID = commonDic[textID].nextID;

}

else if (textID > 2000 && textID < 3000)

{

UpdateTalkWinShow(switchDic[textID].nameText, switchDic[textID].talkText, (float)switchDic[textID].charSpeed);

CreateAnswerUI(switchDic[textID].switchText);

GetComponent().interactable = false;

}

再回到场景中点击运行，欸，这么简单就完成了？

提取码：8mus

——照例的分割线——

欢迎加入游戏开发群欢乐搅基：610475807