一种2D手机游戏UI、剧情编辑方法及系统

摘要

本发明提供了一种2D手机游戏UI、剧情编辑方法及系统。包括如下步骤：建立游戏UI、剧情开发用外部文件库；加载编辑器用户窗口，编辑器用户窗口的生成基于dulib界面库；选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口；编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。本发明还公开了一种应用上述方法的系统，由此，游戏策划，或者游戏美工可以直接将预制好的游戏剧情、界面图形直接存储在同一个外部文件库，同时通过设置基于dulib界面库的编辑器用户窗口，游戏开发者就可以直接通过加载外部文件，并可以直接在编辑器用户窗口加载，并进行可视化编辑，操作更加的简便。

权利要求

1.一种2D手机游戏UI、剧情编辑方法，其中，所述方法包括如下步骤：建立游戏UI、剧情开发用外部文件库；

加载编辑器用户窗口，所述编辑器用户窗口的生成基于dulib界面库；

选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口；

编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者对游戏UI、剧情进行可视化编辑；

游戏开发者直接通过加载外部文件库当中的游戏UI、剧情开发用外部文件，并直接在编辑器用户窗口加载，进行可视化编辑；

游戏UI、剧情开发用外部文件库全部存储于同一服务器当中，在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，还包括步骤：实时监控外部文件是否发生更新；

若是，则重新加载更新后的外部文件；

若否，则直接采用原始的外部文件。

2.根据权利要求1所述的方法，其中，在加载编辑器用户窗口后，还包括步骤：判断是否存在已经缓存的游戏UI、剧情开发用外部文件；

若是，则直接选择已经缓存的游戏UI、剧情开发用外部文件进行解析；

若否，则重新从外部文件库当中选择游戏UI、剧情开发用外部文件进行解析。

3.根据权利要求1所述的方法，其中，当编辑对象为游戏UI时：在加载编辑器用户窗口时，收到窗口创建的消息，调用创建界面函数，获取到之前写好的界面XML文件，通过dulib中的控件构造器嵌入cocos2dx原生控件，通过CMarkup解析器解析XML文件，形成一个控件树，通过绘制管理器将控件加载显示出来。

4.根据权利要求1所述的方法，其中，当编辑对象为游戏UI时：在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑时，编辑器用户窗口分两部分，一部分为显示所搭建的布局，另一部分为加载该用户窗口的布局代码。

5.根据权利要求1所述的方法，其中，当编辑对象为游戏剧情时，开发者可视化编辑的过程为：创建剧情的ID，并生成资源文件和节点数据文件，所述资源文件用于存放所有创建的资源，节点数据文件用于存放调用资源文件内的资源和一条完整时间轴上的节点数据；

对所需资源进行编辑；

创建一条完整时间轴，并将节点数据文件整合到时间轴上。

6.一种应用如权利要求1至5中任一项所述方法的2D手机游戏UI、剧情编辑系统，其中，包括：外部文件库，配置成拥有游戏UI、剧情开发用的全部外部文件；

解析单元，配置成选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口单元；及编辑器用户窗口单元，位于开发者的客户端上，基于dulib界面库生成，配置成加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。

7.根据权利要求6所述的系统，其中，所述外部文件库设置于服务器上，在编辑器用户窗口单元加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，实时监控外部文件是否发生更新；若是，则重新加载更新后的外部文件；若否，则直接采用原始的外部文件。

8.一种终端设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至5中任意一项所述的方法。

9.一种非易失性计算机存储介质，存储有计算机可执行程序，所述计算机可执行程序用于执行如上权利要求1至5中任一项所述的2D手机游戏UI、剧情编辑方法，存储介质包括但不限于ROM、RAM、普通硬盘、U盘或者软盘。

说明书

一种2D手机游戏UI、剧情编辑方法及系统

技术领域

[0001] 本发明涉及游戏技术领域，尤其涉及一种2D手机游戏剧情编辑方法及系统。

背景技术

[0002] 游戏UI可以简单理解为游戏的操作界面设计。由于UI功能面板是网页游戏中玩家操作、交互的可视化模块，是游戏中玩法、游戏系统的载体，例如游戏中的物品背包系统，UI功能面板在网页游戏开发中往往占40％以上的工作量。

[0003] UI功能面板制作流程为：策划人员设计游戏玩法，以线框图表示面板简单布局，以流程图表示面板交互方式→美术人员根据游戏和面板布局设计设计面板具体表现，以图形文件保存→开发人员根据图形文件和交互流程图通过代码化，实现游戏UI功能面板。

[0004] 当前常规的UI编辑工具主要是DuiDesigner和CocosStudio。其中：DuiDesigner是由原生的duilib库编译的软件。CocosStudio是由触控科技引擎团队研发的一款基于Cocos 2d-x的免费游戏开发工具集。

[0005] 但是，DuiDesigner原生显示界面xml格式复杂，不利于项目的开发，而且界面比较简单化，无法快速编辑界面代码。CocosStudio集成较多，但功能过余复杂，对于无经验的来说，学习成本过高。编辑代码界面需要重新打开，不能更好直观显示。

[0006] 游戏剧情是游戏构成要素，是游戏的具体变化和经过，即贯穿整个游戏、富有故事性的各个细节。

[0007] 当前各式各样的手机游戏层出不穷，游戏的UI和剧情成为吸引玩家的重要因素，所以如何高效的进行游戏的UI和剧情的编辑成为当前游戏开发的一个重要需求。

发明内容

[0008] 为了至少解决现有的技术问题。

[0009] 本发明创造性的提供了一种2D手机游戏UI、剧情编辑方法及系统能够解决上述技术问题当中的至少一个或多个。

[0010] 一种2D手机游戏UI、剧情编辑方法，其中，所述方法包括如下步骤：

[0011] 建立游戏UI、剧情开发用外部文件库；

[0012] 加载编辑器用户窗口，所述编辑器用户窗口的生成基于dulib界面库；

[0013] 选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口；

[0014] 编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。

[0015] 其有益效果是，游戏策划，或者游戏美工可以直接将预制好的游戏剧情、界面图形直接存储在同一个外部文件库，同时通过设置基于dulib界面库的编辑器用户窗口，游戏开发者就可以直接通过加载外部文件库当中的游戏UI、剧情开发用外部文件，并可以直接在编辑器用户窗口加载，并进行可视化编辑，操作更加的简便。

[0016] 在一些实施方式中，在加载编辑器用户窗口后，还包括步骤：

[0017] 判断是否存在已经缓存的游戏UI、剧情开发用外部文件；

[0018] 若是，则直接选择已经缓存的游戏UI、剧情开发用外部文件进行解析；

[0019] 若否，则重新从外部文件库当中选择游戏UI、剧情开发用外部文件进行解析。

[0020] 其有益效果是，由于游戏的开发通常都是连续性的，同时，游戏UI、剧情开发用外部文件解析后的加载也需要较长的时候，所以在加载编辑器用户窗口后，通常先预先查看一下是否存在缓存的游戏UI、剧情开发用外部文件。如果有缓存好的文件，就直接采用缓存好的文件，如果没有，则再重新从外部文件库当中选择游戏UI、剧情开发用外部文件进行解析并加载。

[0021] 在一些实施方式中，游戏UI、剧情开发用外部文件库全部存储于同一服务器当中，在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，还包括步骤：

[0022] 实时监控外部文件是否发生更新；

[0023] 若是，则重新加载更新后的外部文件；

[0024] 若否，则直接采用原始的外部文件。

[0025] 其有益效果是，因为在游戏开发的过程当中，游戏开发者、游戏策划和游戏美工都在同时进行工作，可能会对相应的游戏UI、剧情开发用外部文件进行修改，为了保证游戏开发者使用的文件都是最新版本的，所以需要实时监控外部文件是否发生更新，如果有更新，则重新加载更新后的外部文件；如果没有更新，则直接采用原始的外部文件。

[0026] 在一些实施方式中，当编辑对象为游戏UI时：

[0027] 在加载编辑器用户窗口时，收到窗口创建的消息，调用创建界面函数，获取到之前写好的界面XML文件，通过dulib中的控件构造器嵌入cocos2d原生控件，通过CMarkup解析器解析XML文件，形成一个控件树，通过绘制管理器将控件加载显示出来。其中，XML解析器主要是通过读取XML脚本，分析脚本，构建控件树。cocos2d是一个开源的移动2D游戏框架。cocos2d原生控件应该是在原有的控件源码上面，赋予了这些原生控件适合我们开发过程中所需要控件的特性，相当于对之前的控件已进行了重构，新增更多的属性。

[0028] 其有益效果是，通过这个编辑器，优化了开发的过程。开发者不需要每次通过重启游戏来查看自己界面修改的内容。由于界面比较简便操作，适合于无基础的人员接触和提供开发的便利，大大的缩短的一个项目所需要的开发周期。

[0029] 在一些实施方式中，当编辑对象为游戏UI时：

[0030] 在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑时，编辑器用户窗口分两部分，一部分为显示所搭建的布局，另一部分为加载该用户窗口的布局代码。

[0031] 其有益效果是，通过分成两个部分，就可以同时进行可视化的操作，编辑代码的同时，直接就可以看到所搭建的布局的显示效果，从而便于开发者进行调整。

[0032] 在一些实施方式中，当编辑对象为游戏剧情时，开发者可视化编辑的过程为：

[0033] 创建剧情的ID，并生成资源文件和节点数据文件，所述资源文件用于存放所有创建的资源，节点数据文件用于存放调用资源文件内的资源和一条完整时间轴上的节点数据；

[0034] 对所需资源进行编辑；

[0035] 创建一条完整时间轴，并将节点数据文件整合到时间轴上。

[0036] 其有益效果是，在没有这个剧情编辑功能的时候，配置剧情效果的时候，如何配置对于一个初级开发者而言，需要花较多时间去了解每个字段的意思。就算是熟练的开发者也需要不断的重新开启游戏来验证是否有配错，浪费很多时间。但是通过本发明的方法可以将每个阶段可视化，将需要的配置内容中文显示，不需要去了解每个字段的含义，可以进行可视化的工作流操作，保证了剧情的完整，大大缩短了工期。

[0037] 本发明还提供了一种应用了上述方法的2D手机游戏UI、剧情编辑系统，其中，包括：

[0038] 外部文件库，配置成拥有游戏UI、剧情开发用的全部外部文件；

[0039] 解析单元，配置成选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口单元；及

[0040] 编辑器用户窗口单元，位于开发者的客户端上，基于dulib界面库生成，配置成加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。其中，dulib界面库一款强大的界面开发工具，将用户界面和处理逻辑分开，提供开源的代码。

[0041] 其有益效果是，对于UI编辑而言，通过这个编辑系统，优化了开发的过程。开发者不需要每次通过重启游戏来查看自己界面修改的内容。由于界面比较简便操作，适合于无基础的人员接触和提供开发的便利，大大的缩短的一个项目所需要的开发周期。

[0042] 对于剧情编辑而言：

[0043] 在没有本编辑系统的时候，配置剧情效果的时候，如何配置对于一个初级开发者而言，需要花较多时间去了解每个字段的意思。就算是熟练的开发者也需要不断的重新开启游戏来验证是否有配错，浪费很多时间。但是通过本发明的编辑系统可以将每个阶段可视化，将需要的配置内容中文显示，不需要去了解每个字段的含义，可以进行可视化的工作流操作，保证了剧情的完整，大大缩短了工期。

[0044] 在一些实施方式中，所述外部文件库设置于服务器上，在编辑器用户窗口单元加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，实时监控外部文件是否发生更新；若是，则重新加载更新后的外部文件；若否，则直接采用原始的外部文件。

[0045] 其有益效果是，因为在游戏开发的过程当中，游戏开发者、游戏策划和游戏美工都在同时进行工作，可能会对相应的游戏UI、剧情开发用外部文件进行修改，为了保证游戏开发者使用的文件都是最新版本的，所以需要实时监控外部文件是否发生更新，如果有更新，则重新加载更新后的外部文件；如果没有更新，则直接采用原始的外部文件。

[0046] 同时本发明还公开了一种终端设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的方法。

[0047] 同时，本发明还提供了一种非易失性计算机存储介质，存储有计算机可执行程序，所述计算机可执行程序用于执行如上所述的2D手机游戏UI、剧情编辑方法，存储介质包括但不限于ROM、RAM、普通硬盘、U盘或者软盘。

[0048] 其有益效果是，只需要可以用于存储相应程序即可，通过存储介质将相应的可执行程序存储起来后，可以将方便的将相应的可执行程序安装到相应的服务器当中，从而实现对游戏UI、剧情的可视化编辑。

附图说明

[0049] 为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

[0050] 图1为本发明一实施例提供的一种2D手机游戏UI、剧情编辑方法的流程示意图；

[0051] 图2为本发明又一实施例提供的一种2D手机游戏UI、剧情编辑方法的流程示意图；

[0052] 图3为本发明又一实施例提供的一种2D手机游戏UI、剧情编辑方法的流程示意图；

[0053] 图4为本发明的一实施例提供的当编辑对象为游戏剧情时，开发者可视化编辑过程的流程示意图；

[0054] 图5为本发明的又一实施例提供的应用了如上所述2D手机游戏UI、剧情编辑方法的编辑系统的原理示意图；

[0055] 图6为本发明一实施例提供的一种终端设备的结构原理图。

具体实施方式

[0056] 为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

[0057] 本发明实施例提供的一种2D手机游戏UI、剧情编辑方法及系统能够解决上述技术问题当中的至少一个或多个。

[0058] 如图1所示为一种2D手机游戏UI、剧情编辑方法，其中，所述方法包括如下步骤：

[0059] 步骤S11：建立游戏UI、剧情开发用外部文件库；

[0060] 步骤S12：加载编辑器用户窗口，所述编辑器用户窗口的生成基于dulib界面库；

[0061] 步骤S13：选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口；

[0062] 步骤S14：编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。

[0063] 游戏策划，或者游戏美工可以直接将预制好的游戏剧情、界面图形直接存储在同一个外部文件库，同时通过设置基于dulib界面库的编辑器用户窗口，建立在win32程序上，其中消息机制都是基于win32窗口的消息机制。基本流程包括创建窗口类，创建窗口，显示窗口，窗口消息循环等。游戏开发者就可以直接通过加载外部文件库当中的游戏UI、剧情开发用外部文件，并可以直接在编辑器用户窗口加载，并进行可视化编辑，操作更加的简便。

[0064] 在加载编辑器用户窗口的时候，继承了窗口类，通过WindowImpBase基础窗口事件来接受外部的操作，点击创建事件，对于点击可以实现按钮的拖拽，包括鼠标的左键和右键点击，从而可以方便的实现游戏UI、剧情的可视编辑。

[0065] 如图2所示的实施例，在加载编辑器用户窗口后，还包括步骤：

[0066] 步骤S121：判断是否存在已经缓存的游戏UI、剧情开发用外部文件；

[0067] 若是，则步骤S122：直接选择已经缓存的游戏UI、剧情开发用外部文件进行解析；

[0068] 若否，则步骤S123：重新从外部文件库当中选择游戏UI、剧情开发用外部文件进行解析。

[0069] 由于游戏的开发通常都是连续性的，同时，游戏UI、剧情开发用外部文件解析后的加载也需要较长的时候，所以在加载编辑器用户窗口后，通常先预先查看一下是否存在缓存的游戏UI、剧情开发用外部文件。如果有缓存好的文件，就直接采用缓存好的文件，如果没有，则再重新从外部文件库当中选择游戏UI、剧情开发用外部文件进行解析并加载。

[0070] 如图3所示的实施例，游戏UI、剧情开发用外部文件库全部存储于同一服务器当中，在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，还包括步骤：

[0071] 步骤S141：实时监控外部文件是否发生更新；

[0072] 若是，则步骤S142：重新加载更新后的外部文件；

[0073] 若否，则步骤S143：直接采用原始的外部文件。

[0074] 因为在游戏开发的过程当中，游戏开发者、游戏策划和游戏美工都在同时进行工作，可能会对相应的游戏UI、剧情开发用外部文件进行修改，为了保证游戏开发者使用的文件都是最新版本的，所以需要实时监控外部文件是否发生更新，如果有更新，则重新加载更新后的外部文件；如果没有更新，则直接采用原始的外部文件。

[0075] 具体的更新方式为：游戏开发者在开发过程中，所有外部文件都是存在一台相同的服务器上面，每次更新文件，游戏开发者就会重新将自己目录下的文件不同的拉取下来，如果当中文件内有存在改变文字、样式和当前所打开的文件不同，则会接收到抛出来的事件，通过界面创建时候重加载的HandleCustomMessage来接受到事件，抛出文件改变的异常窗口，通知是否重新加载该文件，从而可以实现实时的监控和弹出窗口提醒，并可以快速的一键加载更新。

[0076] 当编辑对象为游戏UI时：

[0077] 在加载编辑器用户窗口时，收到窗口创建的消息，调用创建界面函数，获取到之前写好的界面XML文件，通过dulib中的控件构造器嵌入cocos2d原生控件，通过CMarkup解析器解析XML文件，形成一个控件树，通过绘制管理器将控件加载显示出来。

[0078] 通过这个编辑器，优化了开发的过程。开发者不需要每次通过重启游戏来查看自己界面修改的内容。由于界面比较简便操作，适合于无基础的人员接触和提供开发的便利，大大的缩短的一个项目所需要的开发周期。

[0079] 当编辑对象为游戏UI时：

[0080] 在编辑器用户窗口加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑时，编辑器用户窗口分两部分，一部分为显示所搭建的布局，另一部分为加载该用户窗口的布局代码。

[0081] 通过分成两个部分，就可以同时进行可视化的操作，编辑代码的同时，直接就可以看到所搭建的布局的显示效果，从而便于开发者进行调整。

[0082] 在编辑时，通过点击一个布局文件，首先对布局文件进行xml解析，生成一个目录树，在界面内添加节点的方式将整个界面的结构布局显示出来。然后通过内部的资源类BJMGUI加载解析好的内容，在界面上绘制出游戏界面，从而实现游戏UI的可视化编辑。

[0083] 如图4所示，当编辑对象为游戏剧情时，开发者可视化编辑的过程为：

[0084] 步骤S21：创建剧情的ID，并生成资源文件和节点数据文件，所述资源文件用于存放所有创建的资源，节点数据文件用于存放调用资源文件内的资源和一条完整时间轴上的节点数据；

[0085] 步骤S22：对所需资源进行编辑；

[0086] 步骤S23：创建一条完整时间轴，并将节点数据文件整合到时间轴上。

[0087] 在没有剧情编辑功能的时候，配置剧情效果的时候，如何配置对于一个初级开发者而言，需要花较多时间去了解每个字段的意思。就算是熟练的开发者也需要不断的重新开启游戏来验证是否有配错，浪费很多时间。但是通过本发明的方法可以将每个阶段可视化，将需要的配置内容中文显示，不需要去了解每个字段的含义，可以进行可视化的工作流操作，保证了剧情的完整，大大缩短了工期。

[0088] 具体而言，剧情就是在一条时间线上，通过在这个时间线上面增加一个一个的节点来控制每个节点需要发生的事情，即构成游戏的剧情。剧情编辑大致实际包括以下内容：

[0089] 1、创建剧情的ID

[0090] 创建剧情的ID，并生成资源文件和节点数据文件，所述资源文件用于存放所有创建的资源，节点数据文件用于存放调用资源文件内的资源和一条完整时间轴上的节点数据[0091] 2、对所需资源的编辑

[0092] A.关幕的方式，一个剧情结束以后，可以选择一种界面关闭形式(左右，上下关闭，淡出)；

[0093] B.设置剧情产生的地点(某个场景中某个坐标)；

[0094] C.出场人物，设置剧情中的出场NPC命名和形象；

[0095] D.对话内容，编辑该剧情内所有聊天内容编辑，供接下来操作的选择[0096] 3、创建时间节点

[0097] A、喊话场景

[0098] 可以选择一个已经编辑过的NPC资源，以头顶气泡或者半身像(可以进行位置，形象心情脸型的变化)的形式进行对话，也可以通过界面黑屏，像旁白一样进行描述；

[0099] B、角色场景

[0100] 可以对已经编辑过的角色，设置出场的坐标，朝向(八个方向)，出场方式，可以设置角色多种动作和动作的朝向，也可以设置角色消失在屏幕内，还可设置玩家朝特定坐标跳跃(实现上屋顶之类操作)等；

[0101] C、地图场景

[0102] 可以设置地图缩放，地图震动(模拟手机抖动)；

[0103] 地图移动，将地图的中心以自定义的坐标或者地图上某个角色未中心；

[0104] 切换，改变当前地图的信息；

[0105] 地图效果，目前支持黑夜，回忆，中毒效果，就是在地图上面显示另一种效果，更好带入剧情中去；

[0106] 天气，可以选择当前剧情所需要的天气情况，播放特效(下雨和下雪)；

[0107] 加特效和删特效。满足剧情中需要出现某个道具或者删除某个道具，通过设置可以出现在指定的坐标内；

[0108] D、其他的场景

[0109] 插画，添加长图和断图，并编辑内容。用于展示当前发生的剧情场景描述需要；

[0110] 替换背景音乐和新增音效；

[0111] 交互，可以为剧情，进行到这步的时候，进入其他的活动，例如战斗和小游戏；

[0112] 多选项，在剧情中增加选择项，可以配置多个剧情结果发生；

[0113] 卷轴，用于一个章节结束，可以选择一个卷轴用来结束该章节介绍。

[0114] 如图5所示，本发明还提供了一种应用了上述方法的2D手机游戏UI、剧情编辑系统，其中，包括：

[0115] 外部文件库101，配置成拥有游戏UI、剧情开发用的全部外部文件；

[0116] 解析单元102，配置成选择外部文件库当中的外部文件进行解析，并将解析后的结果导入到编辑器用户窗口单元；及

[0117] 编辑器用户窗口单元103，位于开发者的客户端上，基于dulib界面库生成，配置成加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑。

[0118] 其中，编辑器用户窗口单元103加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑时，编辑器用户窗口单元103分两部分，一部分为显示所搭建的布局的布局窗1031，另一部分为加载该用户窗口的布局代码的代码窗1032。

[0119] 对于UI编辑而言：通过这个编辑系统，优化了开发的过程。开发者不需要每次通过重启游戏来查看自己界面修改的内容。由于界面比较简便操作，适合于无基础的人员接触和提供开发的便利，大大的缩短的一个项目所需要的开发周期。

[0120] 对于剧情编辑而言：在没有本编辑系统的时候，配置剧情效果的时候，如何配置对于一个初级开发者而言，需要花较多时间去了解每个字段的意思。就算是熟练的开发者也需要不断的重新开启游戏来验证是否有配错，浪费很多时间。但是通过本发明的编辑系统可以将每个阶段可视化，将需要的配置内容中文显示，不需要去了解每个字段的含义，可以进行可视化的工作流操作，保证了剧情的完整，大大缩短了工期。

[0121] 本系统当中，所述外部文件库设置于服务器104上，在编辑器用户窗口单元加载显示游戏UI、剧情开发用外部文件，并供开发者可视化编辑的过程当中，实时监控外部文件是否发生更新；若是，则重新加载更新后的外部文件；若否，则直接采用原始的外部文件。

[0122] 因为在游戏开发的过程当中，游戏开发者、游戏策划和游戏美工都在同时进行工作，可能会对相应的游戏UI、剧情开发用外部文件进行修改，为了保证游戏开发者使用的文件都是最新版本的，所以需要实时监控外部文件是否发生更新，如果有更新，则重新加载更新后的外部文件；如果没有更新，则直接采用原始的外部文件。

[0123] 本系统的编辑器用户窗口单元的控件信息基于cocos2dx的原生控件类，通过方法的重载，可以随时新增项目开发所需的控件功能，从而实现更多样化操作。

[0124] 同时如图6所示，本发明还公开了一种终端设备，包括处理器201、存储器202以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序203，所述处理器201执行所述计算机程序203时实现如上所述的方法。

[0125] 同时，本发明还提供了一种非易失性计算机存储介质，存储有计算机可执行程序，所述计算机可执行程序用于执行如上所述的2D手机游戏UI、剧情编辑方法，存储介质包括但不限于ROM、RAM、普通硬盘、U盘或者软盘。

[0126] 其有益效果是，只需要可以用于存储相应程序即可，通过存储介质将相应的可执行程序存储起来后，可以将方便的将相应的可执行程序安装到相应的服务器当中，从而实现对游戏UI、剧情的可视化编辑。

[0127] 最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。