CN115713578B - 一种动画互动课件制作方法、平台及电子设备 - Google Patents

Abstract

本申请涉及动画互动课件制作方法、平台及电子设备，属于计算机技术领域。该方法包括在素材区域内添加所确定的素材；响应用户将素材区域内的素材拖拽至编辑区域的拖拽操作，在编辑区域上生成对应的对象；响应用户针对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置；响应用户触发的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；响应用户要自动执行的行为事件的配置操作，完成对应配置；响应用户对执行逻辑的监听事件的配置操作，完成对应的配置；生成课件场景内容数据。该方法能改善现有课件播放动画效果差及提高课件的制作效率。

Description

一种动画互动课件制作方法、平台及电子设备

技术领域

本申请属于计算机技术领域，具体涉及一种动画互动课件制作方法、平台及电子设备。

背景技术

课件是现代在线课堂教育中必不可少的内容。上课过程中，学生的大部分注意力都集中在课件上，并配合教师的讲解来加深对知识的理解。因此课件的质量对于在线教育效果是否理想具有较大的影响。

现有技术中的在线课件沿袭了常规线下教育中的课件形式，例如使用微软公司出品的PowerPoint软件制作的数字幻灯片形式或者视频录播直播的课件。但在一些教学场景中，采用动画互动，有学生参与交互的方式比以上方式能带来更好的教学效果，提升学生的学习兴趣，而现有技术中的课件无法达到动画互动交互的效果。这导致了现有的在线课件在用户交互、教学演示和适用场景等方面一直难以达到理想的效果。

发明内容

鉴于此，本申请的目的在于提供一种动画互动课件制作方法、平台及电子设备，以改善现有课件制作效率低以及动画互动交互效果差的问题。

本申请的实施例是这样实现的：

第一方面，本申请实施例提供了一种动画互动课件制作方法，所述方法包括：提供一交互界面，所述交互界面上包括素材区域和编辑区域；响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象；响应用户对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置；响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；响应用户关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置；响应用户对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为；根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据。本申请实施例中提供的动画互动课件制作方法，通过以无代码的方式面向无开发的经验的用户提供UI交互界面，将DSL(Domain Specific Language，领域特定语言)定义的抽象语言翻译为业务理解的UI交互配置项，以所见即所得的方式呈现给用户，使得其制作过程无需用户无须掌握代码知识也可实现，极大的提高了课件的制作效率以及降低了课件制作成本；同时，本申请中通过向用户提供一UI交互界面，用户可以在素材区域内添加完成该课件所需的预设的素材，然后将素材区域内的素材拖拽至编辑区域进行对象创建，之后对创建的每一个对象的基础属性进行配置，以及对完成该课件所需的对白组以及知识点演算板，对默认加载完背景区域的静态资源后要自动执行的行为事件的配置以及对配置的执行逻辑的监听事件进行配置，便可自动生产课件场景内容数据，通过这种交互的方式来制作动画互动课件，提高了在线互动效果，通过这样的配置，使得最后在播放的时候是以动画的效果呈现出来，解决了现有技术中的课件无法达到动画互动交互效果的问题。

结合第一方面实施例的一种可能的实施方式，所述素材区域中的素材包括背景图片；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象之前，所述方法还包括：响应用户在所述编辑区域内添加的背景配置操作，在所述编辑区域添加对应的课件背景，其中所述课件背景所用的图片为所述背景图片。本申请实例中，用户还可以对课件的舞台背景进行配置，使得用户可以根据需要配置不同的舞台背景，以提高与用户的交互感受。

结合第一方面实施例的一种可能的实施方式，响应用户在所述编辑区域内添加的背景配置操作，在所述编辑区域添加对应的课件背景，包括：响应用户在所述编辑区域内添加的添加背景操作，弹出背景配置页面；响应用户在所述背景配置页面中关于背景图片及相关背景属性的配置操作，完成对应的配置并在所述编辑区域添加对应的课件背景，所述相关背景属性包括：背景图片显示方式、背景音乐、是否显示刷新按钮、是否显示返回按钮，所述背景音乐选自于所述素材区域内的一段音频或视频。本申请实施例中，在配置课件背景时，通过点击添加背景操作，即可背景配置页面，在该配置页面中会自动将素材区域的图片进行关联，以便于用户快速选择所需的背景图片作为背景，提高了效率，此外，还可以对各种属性进行配置，具有很好的灵活性。

结合第一方面实施例的一种可能的实施方式，所述素材区域中的素材包括NPC图片、音频、视频、spine动画；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域生成素材对应的对象，包括：响应用户将所述素材区域内的NPC图片、音频、视频、spine动画拖拽至所述编辑区域的拖拽操作，在所述编辑区域上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象。本申请实施例中，素材区域中的素材包括NPC图片、音频、视频、spine动画，用户可以创建NPC对象、音频对象、视频对象以及动画对象，使得该动画互动课件的元素非常丰富，能进一步提高互动的效果和趣味。

结合第一方面实施例的一种可能的实施方式，响应用户将所述素材区域内的NPC图片、音频、视频、spine动画拖拽至所述编辑区域的拖拽操作，在所述编辑区域上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象，包括：响应用户将所述素材区域内的NPC图片、spine动画拖拽至所述编辑区域的背景区域上的拖拽操作，在所述编辑区域的背景区域上、所述编辑区域的对象显示区域以及所述素材区域的预设位置处分别生成NPC图片对应的NPC对象以及spine动画对应的动画对象；响应用户将所述素材区域内的音频、视频拖拽至所述编辑区域的背景区域上的拖拽操作，在所述编辑区域的对象显示区域上以及所述素材区域的预设位置处分别生成音频对应的音频对象、视频对应的视频对象。本申请实施例中，当将NPC图片、spine动画拖拽至编辑区域上时，会在编辑区域的背景区域上、编辑区域的对象显示区域以及素材区域的预设位置处分别生成NPC对象以及动画对象，以及当音频、视频拖拽至编辑区域上时，会在编辑区域的对象显示区域上以及素材区域的预设位置处分别生成音频对象以及视频对象，这样可以进一步提高交互效果，同时，通过多方位的显示，使得可以从不同的地方对其对象进行操作，操作灵活性更好。

结合第一方面实施例的一种可能的实施方式，响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材，包括：响应用户在所述素材区域内触发的素材导入操作，显示素材管理界面，所述素材管理界面中显示的素材均为预设的素材；响应用户从所述素材管理界面中所选的完成该课件所需的素材的选择操作，在所述素材区域内添加根据所述选择操作所确定的素材。本申请实施例中，通过预先对各个素材进行管理，当需要导入素材时，在素材管理界面中呈现事先管理好的素材，以供用户进行选择，可以进一步提高制作效率。

结合第一方面实施例的一种可能的实施方式，默认加载完背景区域的静态资源后要自动执行的行为事件包括：对白组的播放行为，对白组中各个对白的播放顺序；知识点演算板的播放行为，以及各个行为之间的播放顺序。本申请实施例中，通过对默认加载完背景区域的静态资源后要自动执行的行为事件的各个属性进行配置，不同的配置所呈现出来的效果不同，通过更改配置的顺序或行为即可呈现不同的效果，极大的提高了制作课件的灵活性，且调整都不需要依赖开发的资源，能极大提高课件制作效率。

结合第一方面实施例的一种可能的实施方式，所述监听事件的配置操作包括：对选择行为、事件描述、执行动作、触发执行动作的监听条件的配置，其中，所述选择行为包括：简单与复杂两种方式，简单方式支持顺序执行与并行执行的配置，复杂方式支持带条件判断的决策树配置。本申请实施例中，通过配置监听事件，当监听对象行为产生的变量数据满足变量配置的表达式时则触发此监听的事件，事件发生后执行相应的对象逻辑行为，从而将各对象的执行逻辑串联起来，以保证课件中各对象能按照所需的方式执行，保证了方案的可靠性。

第二方面，本申请实施例还提供了一种动画互动课件制作平台，包括：UI界面、UI交互编辑器、解析引擎；UI界面，用于提供一交互界面，所述交互界面上包括素材区域和编辑区域；UI交互编辑器，用于响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材；所述UI交互编辑器，还用于响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象；所述UI交互编辑器，还用于响应用户针对每一个对象的基础属性配置操作，完成该对象的对应的基础属性配置；所述UI交互编辑器，还用于响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；所述UI交互编辑器，还用于响应用户设置的关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置；所述UI交互编辑器，还用于响应用户针对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为；所述UI交互编辑器，还用于根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据；以及解析引擎，用于将所述课件场景内容数据进行渲染，以实现该课件的动画播放及预览。

第三方面，本申请实施例还提供了一种电子设备，包括：存储器和处理器，所述处理器与所述存储器连接；所述存储器，用于存储程序；所述处理器，用于调用存储于所述存储器中的程序，以执行上述第一方面实施例和/或结合第一方面实施例的任一种可能的实施方式提供的方法。

第四方面，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器运行时，执行上述第一方面实施例和/或结合第一方面实施例的任一种可能的实施方式提供的方法。

本申请的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请实施例而了解。本申请的目的和其他优点可通过在所写的说明书以及附图中所特别指出的结构来实现和获得。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。通过附图所示，本申请的上述及其它目的、特征和优势将更加清晰。在全部附图中相同的附图标记指示相同的部分。并未刻意按实际尺寸等比例缩放绘制附图，重点在于示出本申请的主旨。

图1示出了本申请实施例提供的一种动画互动课件制作平台的结构示意图。

图2示出了本申请实施例提供的动画互动课件制作平台的UI界面示意图。

图3示出了本申请实施例提供的素材管理界面的示意图。

图4示出了本申请实施例提供的在素材区域内添加完成该课件所需的素材的示意图。

图5示出了本申请实施例提供的课件背景的背景配置页面的示意图。

图6示出了本申请实施例提供的配置的课件背景的页面示意图。

图7示出了本申请实施例提供的将素材区域内的NPC图片拖拽至编辑区域的示意图。

图8示出了本申请实施例提供的对NPC对象的基础属性进行配置的示意图。

图9示出了本申请实施例提供的对动画对象的基础属性进行配置的示意图。

图10示出了本申请实施例提供的将素材区域内的音频、视频拖拽至编辑区域的示意图。

图11示出了本申请实施例提供的对视频对象的基础属性进行配置的示意图。

图12示出了本申请实施例提供的添加对白组以及演算板的示意图。

图13示出了本申请实施例提供的对对白组的基础属性进行配置的示意图。

图14示出了本申请实施例提供的对演算板的基础属性进行配置的示意图。

图15示出了本申请实施例提供的对自动执行事件进行配置的示意图。

图16示出了本申请实施例提供的一种对简单行为的监听事件进行配置的示意图。

图17示出了本申请实施例提供的又一种对简单行为的监听事件进行配置的示意图。

图18示出了本申请实施例提供的对复杂行为的监听事件进行配置的示意图。

图19示出了本申请实施例提供的对复杂行为的监听事件的决策树进行配置的示意图。

图20示出了本申请实施例提供的当所有监听事件配置完成后的示意图。

图21示出了本申请实施例提供的一种动画互动课件制作方法的接流程示意图。

图22示出了本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中诸如“第一”、“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

再者，本申请中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。

鉴于现有的课件制作后期调整都需要依赖开发的资源，课件制作效率低，无法进行规模化的量产的问题，本申请实施例提供了一种动画互动课件制作平台，如图1所示，该动画互动课件制作平台包括UI(User Interface，用户界面)界面、UI交互编辑器以及解析引擎。该动画互动课件制作平台以无代码的方式面向无开发经验的用户提供UI交互编辑器。面向用户，将定义的DSL(Domain Specific Language，领域特定语言)抽象语言翻译为业务理解的UI交互配置项，以所见即所得的方式呈现给用户。通过UI交互编辑器的编辑功能生成场景并最终翻译成满足DSL语言规范的课件场景内容数据，最后通过解析引擎对课件场景内容数据进行渲染，实现该课件的动画播放及预览。

其中，该动画互动课件制作平台的架构可以是采用CS即Client/Server(客户机/服务器)架构，也可以是采用BS即Browser/Server(浏览器/服务器)架构，在此不作进一步限定。

UI界面用于提供一交互界面，以便于用户可以在通过该UI界面完成动画互动课件的制作。交互界面上包括素材区域和编辑区域。例如，素材区域可以位于UI界面的左上区域，编辑区域可以位于UI界面的右侧区域，如图2所示，左侧白色部分为素材区域，右侧灰色部分为编辑区域。需要说明的是，素材区域和编辑区域所在的位置以及面积大小并非固定，例如，素材区域可以位于UI界面的上方区域，编辑区域也可以位于UI界面的下方区域，因此不能将上述示例理解成是对本申请的限制。

素材区域作为素材与场景的关联，用户可以将完成该课件所需的预设的素材导入素材区域并显示，导入的素材资源通过素材id与本场场景进行关联。

在编辑区域上用户可以通过拖拽的方式将素材拖拽到编辑区域，拖拽到编辑区域的素材按分类生成场景对象(object)并生成对象id，对象绑定素材id，并可设置基础属性。其中，不同的对象有自己的可用行为，例如对白播放、NPC移动等，每个行为有唯一的行为id，行为也可设置属性，行为发生后在运行时可生成提前定义约定的行为变量，在UI交互编辑器上可对这些变量进行配置。对象配置完成后，可通过配置监听及默认加载将对象的执行逻辑串联起来。默认加载为背景初始化时需要加载的对象及对象行为，监听为监听对象行为产生的变量数据当满足变量配置的表达式时则触发此监听的事件，事件发生后执行相应的对象逻辑行为。

UI交互编辑器，用于响应用户触发的在素材区域内添加完成该课件所需的预设的素材的配置操作，在素材区域内添加根据配置操作所确定的素材，以备课件制作使用，素材区域中的素材包括NPC图片、音频、视频spine动画中的至少一种。NPC图片可以为静态图片。

可选地，响应用户触发的在素材区域内添加完成该课件所需的预设的素材的配置操作的过程可以是：响应用户在素材区域内触发的素材导入操作，显示素材管理界面，素材管理界面中显示的素材均为预设的素材；响应用户从素材管理界面中所选的完成该课件所需的素材的选择操作，便可在素材区域内添加根据选择操作所确定的素材。例如，点击图2所示的素材区域内的“导入素材”选项，便可跳转到图3所示素材管理界面，跳转到素材管理界面后，便可在素材管理界面显示的素材中选择完成该课件所需的素材，素材选择完成后，点击“添加图片”或者“确定”按钮，之后便会在素材区域内添加根据配置操作所确定的素材，其示意图如图4所示，图4左侧区域的方框中的素材即为所添加的素材。

其中，该素材管理界面中的素材均为预先制作好的素材，并按照类别进行分类管理，如包括图片(默认为静态图片)、动画、视频、音频等，以便于用户快速找到所需的素材。

一种可选实施方式下，编辑区域可以默认设置有课件背景(也称为舞台背景)，在该种实施方式下，用户可以跳过对课件背景的设置，直接将素材区域内的素材拖拽至编辑区域，此时，UI交互编辑器，还用于响应用户将素材区域内的素材拖拽至编辑区域的拖拽操作，在编辑区域上生成素材对应的对象。

一种可选实施方式下，编辑区域可以默认没有设置课件背景，而是需要用户现场进行配置，在该种实施方式下，素材区域中的素材还包括用于设置课件背景的背景图片。UI交互编辑器在响应用户将素材区域内的素材拖拽至编辑区域的拖拽操作，在编辑区域上生成素材对应的对象之前，还用于响应用户在编辑区域内添加的背景配置操作，在编辑区域添加对应的课件背景，其中课件背景所用的图片为背景图片。课件背景的配置过程可以是响应用户在编辑区域内添加的添加背景操作，例如点击图4所示的“添加背景”，即可弹出如图5所示的舞台背景属性配置的背景配置页面，响应用户在背景配置页面中关于背景图片及相关背景属性的配置操作，便可完成对应的配置并在编辑区域添加对应的课件背景，其示意图如图6所示。

其中，相关背景属性包括：背景图片显示方式(横屏模式or竖屏模式)、背景音乐、是否显示刷新按钮、是否显示返回按钮，其中，背景音乐选自于素材区域内的一段音频或视频，背景图片为素材区域内的背景图片。

可选地，响应用户将素材区域内的素材拖拽至编辑区域的拖拽操作，在编辑区域上生成素材对应的对象，可以是响应用户将素材区域内的NPC图片、音频、视频、spine动画拖拽至编辑区域的拖拽操作，在编辑区域上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象。在该种实施方式下，素材区域内的素材同时包括NPC图片、音频、视频、spine动画。需要说明的是，素材区域的素材可以不同时包含NPC图片、音频、视频、spine动画，而是仅包含这4种中的一部分，因此不能将上述同时包含NPC图片、音频、视频、spine动画理解成是对本申请的限制。

可选地，除了在编辑区域上生成素材对应的对象，还可以在其他的区域生成素材对应的对象，例如，响应用户将素材区域内的NPC图片、音频、视频、spine动画拖拽至编辑区域的拖拽操作，在编辑区域上以及素材区域的预设位置(例如素材区域的左下方)上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象。通过在多个区域、多方位的显示创建的对象，使得可以从不同的地方对其对象进行操作，操作灵活性更好。例如，点击素材区域的预设位置处的对象，可以对其造型进行管理维护，点击编辑区域上的对象可以对其基础属性进行配置。

可选地，响应用户将素材区域内的NPC图片、音频、视频、spine动画拖拽至编辑区域的拖拽操作，在编辑区域上以及素材区域的预设位置处分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象的过程可以是：响应用户将素材区域内的NPC图片、spine动画拖拽至编辑区域的背景区域(也可称为舞台区域)上的拖拽操作，在编辑区域的背景区域上、编辑区域的对象显示区域(例如位于背景区域的上方)以及素材区域的预设位置(例如素材区域的左下方)处分别生成NPC图片对应的NPC对象以及spine动画对应的动画对象；响应用户将素材区域内的音频、视频拖拽至编辑区域的背景区域上的拖拽操作，在编辑区域的对象显示区域上以及素材区域的预设位置处分别生成音频对应的音频对象、视频对应的视频对象。

需要说明的是，不能将上述NPC对象、音频对象、视频对象、动画对象的生成位置理解成是对本申请的限制，一种实施方式下，可以仅在编辑区域的背景区域上生成NPC图片对应的NPC对象、spine动画对应的动画对象，以及在素材区域的预设位置处分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、以及spine动画对应的动画对象，此时，编辑区域的对象显示区域不生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象以及spine动画对应的动画对象。或者，在编辑区域的背景区域上生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象以及spine动画对应的动画对象，在编辑区域的对象显示区域生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象以及spine动画对应的动画对象，此时，素材区域的预设位置处不生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象以及spine动画对应的动画对象。

在将素材区域内的素材拖拽至编辑区域上后，还需要对每一个对象的基础属性进行配置，此时，UI交互编辑器还用于响应用户对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置，例如，在将素材区域内的NPC图片、音频、视频、spine动画拖拽至编辑区域上后，还需要对每一个NPC对象、音频对象、视频对象、动画对象的基础属性进行配置，此时，UI交互编辑器还用于响应用户对每一个NPC对象、音频对象、视频对象、动画对象的基础属性配置操作，完成该对象对应的基础属性配置。

需要说明的是，可以是将素材区域内的一个NPC图片、spine动画、一段音频或视频拖拽至编辑区域上，便对其基础属性进行配置，也可以是将需要的所有NPC图片拖拽至编辑区域上后，再对各个NPC图片的基础属性进行配置，亦或是，将需要的所有NPC图片、音频、视频、spine动画均拖拽至编辑区域上后，再逐一对各个对象的基础属性进行配置。

下面将结合图示对NPC对象的基础属性的配置过程进行说明，将右侧素材区域内的NPC图片拖拽至右侧编辑区域，并摆放好位置，便会在编辑区域的背景区域上、编辑区域的对象显示区域(位于背景区域上方)以及素材区域的预设位置(左下方)上分别生成NPC图片对应的NPC对象，其示意图如图7所示，在背景区域上设置有3个NPC帽子和4个NPC人物。点击背景区域上的NPC对象，可设置基础属性。

其中，NPC对象的基础属性包括名称、宽、高、坐标、层级、初始状态显示或隐藏、标签类型(如叹号、文号、灯泡)、标签位置、缩放比例，其示意图如图8所示。用户可以将名称配置为乌拉呼，宽、高配置为0，坐标配置为x为624，y为237，层级为1，初始状态配置为显示，标签类型配置为叹号，标签位置配置为顶部，也即标签类型的位置为顶部，缩放比例为100。

此外，在编辑区域上以及素材区域的预设位置处生成NPC图片对应的NPC对象后，还可以对NPC对象设置不同的造型，造型可以从素材区域的NPC图片中进行选取，从而将当前NPC对象的造型替换为所选择的NPC图片对应的造型，例如，当前的NPC对象为乌拉呼，可以将其造型替换为图中桃子、麦杰、禾木、蓝帽子、黄帽子、红帽子、动画图片等的造型，假设将其替换为禾木的造型，则乌拉呼的造型即为禾木的造型。

下面将结合图示对动画对象的基础属性的配置过程进行说明，将右侧素材区域内的spine动画拖拽至右侧编辑区域，并摆放好位置，便会在编辑区域的背景区域上、编辑区域的对象显示区域(位于背景区域上方)以及素材区域的预设位置(左下方)上分别生成spine动画对应的动画对象，之后点击该动画对象便可设置其基础属性。其中，该动画对象的基础属性包括名称、宽、高、坐标、层级、初始状态显示或隐藏、标签类型(如叹号、文号、灯泡)、标签位置(如顶部)、缩放比例、动画效果(可以从该动画图片自带的动画效果中选择，例如从挥手、笑脸、奔跑中选择一项)、是否翻转、是否循环播放、音效，所述音效选自于所述素材区域内的一段音频或视频，其基础属性配置页面如图9所示。

下面将结合图示对视频对象的基础属性的配置过程进行说明，将左侧素材区域内的音频、视频拖拽至右侧编辑区域，便会在编辑区域的对象显示区域上以及素材区域的预设位置处分别生成音频对应的音频对象、视频对应的视频对象，其示意图如图10所示。点击编辑区域的对象显示区域上的音频对象或视频对象便可对其基础属性进行设置。音频对象的基础属性包括名称、是否循环播放。视频对象的基础属性包括名称、可配置播放模式为全屏或小窗口、坐标、是否支持快进、可配置播放后状态是否消失，视频对象的基础属性配置示意图如图11所示。

此外，还需要添加完成该课件所需的对白组以及知识点演算板(具体的关卡连线、算术题等)，此时，UI交互编辑器，还用于响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置。例如，可以通过点击素材区域内的“创建对象”选项完成对白组以及知识点演算板的添加配置，其示意图如图12所示。该UI交互编辑器支持多种组建类型并不断的扩展组建类型以支持课程的需要，下面将结合图示，对对白组以及知识点演算板的配置过程进行说明，置于其它组件类型，如激励组件、赛事组件、转场、弹窗笔记等本例不涉及，因此不作阐述。

在添加了对白组对象后，便可对其属性进行配置，其配置示意图如图13所示。对白组的配置包括对对白组名称(测试对白)、是否停留、涉及到的各个对白(对白1、对白2等)的配置，其中，每个对白包括对白名称(如小核桃说话)、对白展示位置(如左侧、右侧、中间)、对话头像、对话文本(可根据需要进行配置)、声音的配置，其中，对话头像选自于素材区域内的NPC图片或spine动画、声音选自于素材区域内的一段音频或视频。可通过“添加对白”的方式添加多个对白。

在添加了知识点演算板对象后，便可对其属性进行配置，其配置示意图如图14所示。知识点演算板的配置包括对知识点演算板名称(如连线题、选择题、判断题)、可设置题目的唯一表示key值、初始状态为解锁或未解锁、设置闯关成功目标(即通关条件，到达设定的闯关目标后，即闯关成功)、知识点、通关完成播放动画、光卡难度、是否显示辅助提示按钮的配置。其中，可以通过配置的key值找到该key值对应的题目，每道题目都有表示其唯一的key值。在配置好知识点演算板名称后，便会在key值下拉菜单中自动显示属于该分类名称下的各个题目的key值。本申请中涉及到的题目key值为事先设置，并按照类型进行分类，如选择题、连线题、判断题等进行分类。

此外，还需要配置各个对象的播放时间时序，实现可通过全局的自动执行事件设置，默认加载完背景区域的静态资源后要自动执行的行为事件，此时，UI交互编辑器还用于响应用户关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置。在设置好默认加载完背景区域的静态资源后要自动执行的行为事件后，背景区域渲染完成后会默认执行，比如默认加载完默认加载后，开始自动执行对白组播放行为，行为间支持顺序和同时执行，可能有多个行为被同时触发。自动执行事件的设置如图15所示，包括对对白组的播放行为，对白组中各个对白的播放顺序；知识点演算板的播放行为，以及各个行为之间的播放顺序的配置。

其中，需要说明的是，自动执行事件的配置为全局的，其配置的时间顺序并不限制，可以是在配置完NPC对象、视频对象、音频对象、动画对象、对白组对象、知识点演算板对象后，再进行配置，也可以是在这之前进行配置。此外，自动执行事件的配置可以不位于背景配置页面下，而是具有单独的配置窗口，或者位于其余的对象的配置页面下，因此，不能将本申请实施例中示出的自动执行事件的配置位于背景配置页面下的示例理解成是对本申请的限制。

此外，还需要对已发生的行为进行进一步的监听，当达到触发下一步时序行为事件的条件时，触发下一步的行为事件。此时，UI交互编辑器，还用于响应用户对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为。可在全局监听事件中配置全局的事件，全局事件中可对所有的NPC、对白、视频、音频、动画等对象监听其播放完成、被点击、显示、隐藏等。本申请实施例中，全局监听事件的配置页面位于每个对象的属性配置页面中，可以通过点击任意一个对象进入全局监听事件的配置页面，例如点击背景的配置页面，点击其中的“全局监听事件”进行配置。

其中，监听事件的配置操作包括：对选择行为(简单or复杂)、事件描述(如监听对白组播放完成)、执行动作、触发执行动作的监听条件的配置，其中，选择行为包括：简单与复杂两种方式，简单方式支持顺序执行与并行执行的配置，复杂方式支持带条件判断的决策树配置。例如，如图16、图17均为选择行为为简单行为的监听配置，图16为对对白组是否播放完成的监听，图17为对禾木是否被点击的监听。可通过“添加监听对象”添加监听条件，当满足此条件即可触发下面的执行操作。可通过“添加执行动作”，来添加更多的触发动作。可以根据需要配置更多的监听事件，监听对比组播放完成，监听演算板执行结果、监听乌拉呼是否与黄帽子连线，监听禾木是否与蓝帽子连线等。

对于复杂行为的监听配置如图18所示。复杂行为点击决策树进行监听及执行时序行为逻辑的配置，其示意图如图19所示，例如监听演算板执行结果，若演算板答对，则播放通关动画，若演算板答错，则播放讲解视频。需要说明的是，图19仅示出了一个条件判断的2个分支，在复杂行为下，可以支持更多的条件判断，也即可以包含更多的分支。

配置完成后的所有全局监听事件，如图20所示，会显示配置的所有监听事件，可以对配置的各个监听事件进行编辑和删除，以及还可以添加新的全局监听事件。

自动执行事件以及监听配置完后，UI交互编辑器，还用于根据该课件需要的素材对应的对象(NPC对象、视频对象、音频对象、动画对象中的至少一种)、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为自动生成json格式的课件场景内容数据，也既自动生成基于DSL语言规范的DSL描述文件。

此外，本申请实施例提供的动画互动课件制作平台还支持实时预览场景功能，UI交互编辑器在生成json格式的课件场景内容数据后，与解析引擎(基于Cocos Creator引擎开发)进行交互，解析引擎，用于将课件场景内容数据进行渲染，便可实现动画互动课件的播放预览。舞台渲染先加载默认加载，再执行监听，所有的监听都是被动触发，监听间行为逻辑的时序以运行时体现。

预览功能使用Cocos Creator引擎开发，对UI交互编辑器产出的DSL描述文件(课件场景内容数据)进行解析并做web页面展示。引擎主要包含场景解析器，资源解析器，逻辑控制器。场景解析器主要负责场景初始化，UI渲染，物料的加载和场景切换管理，以及全局变量的管理。资源解析器主要负责场景中的显示，包括背景图，音效，动效，视频，演算板等。逻辑控制器主要负责场景内的资源流转和场景之间的流转，让课程能够按照配置的链路运行下去。

在预览时，解析引擎获取到课件场景内容数据(DSL静态文件)，按照DSL的语义规范，解析DSL，首先加载渲染默认播放的组件(背景图片、背景内容、NPC初始状态位置、对白、视频等)渲染加载的过程中会产生运行时变量数据(对白播放完成、视频播放完成、NPC移动完成等)并存储在机器内存中，产生变量数据的同时会触发监听此变量的监听，如果满足监听的条件则此监听事件被触发。程序解析监听事件中的语法逻辑，执行语法中调用的具体对象(视频播放、音频播放、关卡作等)，观看完视频、音频，作答完关卡会继续产生变量数据，变量数据存储在内存中，会重复执行前面的监听触发逻辑，直到遇到场景结束命令后退出完成。

基于同样的发明构思，本申请实施例还提供了一种动画互动课件制作方法，下面将结合图21，对本申请实施例提供的动画互动课件制作方法进行说明。该动画互动课件制作方法包括以下步骤：

S1：提供一交互界面，所述交互界面上包括素材区域和编辑区域。

S2：响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材。

可选地，该步骤的实现过程可以是：响应用户在所述素材区域内触发的素材导入操作，显示素材管理界面，所述素材管理界面中显示的素材均为预设的素材；响应用户从所述素材管理界面中所选的完成该课件所需的素材的选择操作，在所述素材区域内添加根据所述选择操作所确定的素材。

S3：响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象。

一种可选实施方式下，编辑区域可以默认没有设置课件背景，而是需要用户现场进行配置，在该种实施方式下，在S3之前，方法还包括响应用户在所述编辑区域内添加的背景配置操作，在所述编辑区域添加对应的课件背景，其中所述课件背景所用的图片为所述背景图片。

可选地，课件背景的配置过程可以是响应用户在所述编辑区域内添加的添加背景操作，弹出背景配置页面；响应用户在所述背景配置页面中关于背景图片及相关背景属性的配置操作，完成对应的配置并在所述编辑区域添加对应的课件背景，所述相关背景属性包括：背景图片显示方式、背景音乐、是否显示刷新按钮、是否显示返回按钮，所述背景音乐选自于所述素材区域内的一段音频或视频。

可选地，S3的实现过程可以是：响应用户将所述素材区域内的NPC图片、音频、视频、spine动画拖拽至所述编辑区域的拖拽操作，在所述编辑区域上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象。

在编辑区域设置完课件背景后，S3的实现过程可以是响应用户将所述素材区域内的NPC图片、spine动画拖拽至所述编辑区域的背景区域上的拖拽操作，在所述编辑区域的背景区域上、所述编辑区域的对象显示区域以及所述素材区域的预设位置处分别生成NPC图片对应的NPC对象以及spine动画对应的动画对象；响应用户将所述素材区域内的音频、视频拖拽至所述编辑区域的背景区域上的拖拽操作，在所述编辑区域的对象显示区域上以及所述素材区域的预设位置处分别生成音频对应的音频对象、视频对应的视频对象。

S4：响应用户对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置。

其中，上述对象可以是NPC对象、视频对象、音频对象、动画对象中的至少一种。

其中，NPC对象的基础属性包括名称、宽、高、坐标、层级、初始状态显示或隐藏、标签类型、标签位置、缩放比例。

动画对象的基础属性包括名称、宽、高、坐标、层级、初始状态显示或隐藏、标签类型、标签位置、缩放比例、动画效果、是否翻转、是否循环播放、音效，所述音效选自于所述素材区域内的一段音频或视频。

音频对象的基础属性包括名称、是否循环播放。

视频对象的基础属性包括名称、可配置播放模式为全屏或小窗口、坐标、是否支持快进、可配置播放后状态是否消失。

S5：响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置。

其中，完成该课件所需的对白组的配置操作包括对对白组名称、是否停留、各个对白，其中，每个对白包括对白名称、对白展示位置、对话头像、对话文本、声音的配置，其中，所述对话头像选自于所述素材区域内的NPC图片或、spine动画、所述声音选自于所述素材区域内的一段音频或视频。

知识点演算板的配置操作包括对知识点演算板名称、可设置题目的唯一表示key值、初始状态为解锁或未解锁、设置闯关成功目标、知识点、通关完成播放动画、光卡难度、是否显示辅助提示按钮的配置。

S6：响应用户关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置。

可选地，默认加载完背景区域的静态资源后要自动执行的行为事件包括：对白组的播放行为，对白组中各个对白的播放顺序；知识点演算板的播放行为，以及各个行为之间的播放顺序。

S7：响应用户对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为。

可选地，所述监听事件的配置操作包括：对选择行为、事件描述、执行动作、触发执行动作的监听条件的配置，其中，所述选择行为包括：简单与复杂两种方式，简单方式支持顺序执行与并行执行的配置，复杂方式支持带条件判断的决策树配置。

S8：根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据。

其中，素材对应的对象可以是NPC对象、视频对象、音频对象、动画对象中的至少一种。

本申请实施例所提供的动画互动课件制作方法，其实现原理及产生的技术效果和前述制作平台实施例相同，为简要描述，方法实施例部分未提及之处，可参考前述制作平台实施例中相应内容。

如图22所示，图22示出了本申请实施例提供的一种电子设备200的结构框图。所述电子设备200包括：收发器210、存储器220、通讯总线230以及处理器240。

所述收发器210、所述存储器220、处理器240各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线230或信号线实现电性连接。其中，收发器210用于收发数据。存储器220用于存储计算机程序，如存储有执行上述所示的动画互动课件制作方法的计算机程序。该计算机程序包括至少一个可以软件或固件(Firmware)的形式存储于所述存储器220中或固化在所述电子设备200的操作系统(Operating System，OS)中的软件功能模块。所述处理器240，用于执行存储器220中存储的可执行模块，例如执行上述所示的动画互动课件制作方法的软件功能模块或计算机程序。例如，处理器240，用于提供一交互界面，所述交互界面上包括素材区域和编辑区域；响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象；响应用户对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置；响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；响应用户关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置；响应用户对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为；根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据。

其中，存储器220可以是，但不限于，随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-OnlyMemory，PROM)，可擦除只读存储器(Erasable Programmable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。

处理器240可能是一种集成电路芯片，具有信号的处理能力。上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(NetworkProcessor，NP)等；还可以是数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(FieldProgrammable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器240也可以是任何常规的处理器等。

其中，上述的电子设备200，包括但不限于计算机、平板电脑等。

本申请实施例还提供了一种非易失性的计算机可读取存储介质(以下简称存储介质)，该存储介质上存储有计算机程序，该计算机程序被计算机如上述的电子设备200运行时，执行上述所示的动画互动课件制作方法。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个计算机可读存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，笔记本电脑,服务器，或者电子设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的计算机可读存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。

Claims (9)

1.一种动画互动课件制作方法，其特征在于，所述方法包括：

提供一交互界面，所述交互界面上包括素材区域和编辑区域；

响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材；

响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象；

响应用户对每一个对象的基础属性配置操作，完成该对象对应的基础属性配置；

响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；

响应用户关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置，其中，默认加载完背景区域的静态资源后要自动执行的行为事件包括：对白组的播放行为，对白组中各个对白的播放顺序；知识点演算板的播放行为，以及各个行为之间的播放顺序；

响应用户对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为；

根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据。

2.根据权利要求1所述的方法，其特征在于，所述素材区域中的素材包括背景图片；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域生成素材对应的对象之前，所述方法还包括：

响应用户在所述编辑区域内添加的背景配置操作，在所述编辑区域添加对应的课件背景，其中所述课件背景所用的图片为所述背景图片。

3.根据权利要求2所述的方法，其特征在于，响应用户在所述编辑区域内添加的背景配置操作，在所述编辑区域添加对应的课件背景，包括：

响应用户在所述编辑区域内添加的添加背景操作，弹出背景配置页面；

响应用户在所述背景配置页面中关于背景图片及相关背景属性的配置操作，完成对应的配置并在所述编辑区域添加对应的课件背景，所述相关背景属性包括：背景图片显示方式、背景音乐、是否显示刷新按钮、是否显示返回按钮，所述背景音乐选自于所述素材区域内的一段音频或视频。

4.根据权利要求1所述的方法，其特征在于，所述素材区域中的素材包括NPC图片、音频、视频、spine动画；响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象，包括：

响应用户将所述素材区域内的NPC图片、音频、视频、spine动画拖拽至所述编辑区域的拖拽操作，在所述编辑区域上分别生成NPC图片对应的NPC对象、音频对应的音频对象、视频对应的视频对象、spine动画对应的动画对象。

5.根据权利要求1所述的方法，其特征在于，响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材，包括：

响应用户在所述素材区域内触发的素材导入操作，显示素材管理界面，所述素材管理界面中显示的素材均为预设的素材；

响应用户从所述素材管理界面中所选的完成该课件所需的素材的选择操作，在所述素材区域内添加根据所述选择操作所确定的素材。

6.根据权利要求1所述的方法，其特征在于，所述监听事件的配置操作包括：对选择行为、事件描述、执行动作、触发执行动作的监听条件的配置，其中，所述选择行为包括：简单与复杂两种方式，简单方式支持顺序执行与并行执行的配置，复杂方式支持带条件判断的决策树配置。

7.一种动画互动课件制作平台，其特征在于，包括：

UI界面，用于提供一交互界面，所述交互界面上包括素材区域和编辑区域；

UI交互编辑器，用于响应用户触发的在所述素材区域内添加完成该课件所需的预设的素材的配置操作，在所述素材区域内添加根据所述配置操作所确定的素材；

所述UI交互编辑器，还用于响应用户将所述素材区域内的素材拖拽至所述编辑区域的拖拽操作，在所述编辑区域上生成素材对应的对象；

所述UI交互编辑器，还用于响应用户针对每一个对象的基础属性配置操作，完成该对象的对应的基础属性配置；

所述UI交互编辑器，还用于响应用户触发的完成该课件所需的对白组以及知识点演算板的配置操作，完成对应的对白组对象以及知识点演算板对象的配置；

所述UI交互编辑器，还用于响应用户设置的关于默认加载完背景区域的静态资源后要自动执行的行为事件的配置操作，完成对应配置，其中，默认加载完背景区域的静态资源后要自动执行的行为事件包括：对白组的播放行为，对白组中各个对白的播放顺序；知识点演算板的播放行为，以及各个行为之间的播放顺序；

所述UI交互编辑器，还用于响应用户针对配置的执行逻辑的监听事件的配置操作，完成对应的配置，以便对已发生的行为进行监听，并在满足配置条件时触发对应的行为；

所述UI交互编辑器，还用于根据该课件需要的素材对应的对象、对白组对象、知识点演算板对象和配置的自动执行的行为事件的逻辑行为、监听行为生成课件场景内容数据；以及，

解析引擎，用于将所述课件场景内容数据进行渲染，以实现该课件的动画播放及预览。

8.一种电子设备，其特征在于，包括：

存储器和处理器，所述处理器与所述存储器连接；

所述存储器，用于存储程序；

所述处理器，用于调用存储于所述存储器中的程序，以执行如权利要求1-6中任一项所述的方法。

9.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器运行时，执行如权利要求1-6中任一项所述的方法。