CN111240673A - 互动图形作品生成方法、装置、终端及存储介质 - Google Patents

Abstract

本申请公开了一种互动图形作品生成方法、装置、终端及存储介质，属于计算机技术领域。所述方法包括：显示作品编辑界面；响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材；响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数；响应于对所述代码选择区域内图形的选中指令，确定至少一个目标图形；基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品。本申请简化了创作过程，大大节省了人力和处理资源，提高了互动图形作品的生成效率。

Description

互动图形作品生成方法、装置、终端及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种互动图形作品生成方法、装置、终端及存储介质。

背景技术

随着编程教育的逐步推广，立足于编程工具的编程教育逐渐火爆。Python作为一种简单易学、扩展性高的面向对象的解释型脚本语言，成为编程教育的首选编程语言。而web端编程工具具有不依赖硬件环境、仅需要网络和浏览器、标准化程度高、易于分享传播等优势，被业内大多数公司所研发应用。

相关技术中，基于Python语言的web端编程工具的界面包括代码编辑区域，通过在该代码编辑区域内编写代码来添加素材和控制素材进行作品创作，例如，该作品可以是游戏文件等互动图形作品，创作完成后点击运行按钮才能展示该互动图形作品，呈现素材，如果该互动图形作品生成的效果不好，则需要重新编写代码，这样会浪费大量的人力和处理资源，互动图形作品的生成效率低，因此，亟需一种互动图形作品生成方法，能够简化创作过程，在创作过程中展示素材以及对素材进行操作，节省资源，提高互动图形作品的生成效率。

发明内容

本申请实施例提供了一种互动图形作品生成方法、装置、终端及存储介质，可以提高互动图形作品的生成效率。所述技术方案如下：

一方面，提供了一种互动图形作品生成方法，所述方法包括：

显示作品编辑界面，所述作品编辑界面包括代码选择区域、素材选择区域和展示区域，所述代码选择区域用于显示封装有代码段的至少一个图形，所述素材选择区域用于添加至少一个素材；

响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材；

响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数；

响应于对所述代码选择区域内图形的选中指令，确定至少一个目标图形；

基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品。

在一种可能实现方式中，所述方法还包括：

在所述展示区域内展示所述目标素材时，显示所述目标素材在所述展示区域内的展示参数。

在一种可能实现方式中，所述基于所述目标素材调整后的展示参数和转换后的代码段，在所述展示区域内展示所述互动图形作品，包括：

运行所述转换后的代码段，基于所述目标素材调整后的展示参数，绘制所述目标素材的初始画面，基于所述述转换后的代码段对应的行为逻辑，绘制所述目标素材的行为画面。

在一种可能实现方式中，所述显示作品编辑界面之后，所述方法还包括下述任一项：

响应于对所述作品编辑界面的所述展示区域的网格打开指令，采用网格模式显示所述展示区域；

响应于对所述作品编辑界面的所述展示区域的全屏指令，采用全屏模式显示所述展示区域。

在一种可能实现方式中，所述作品编辑界面还包括代码编写区域；

所述响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数之后，所述方法还包括：

获取在所述作品编辑界面的所述代码编写区域内编写的代码；

基于所述目标素材调整后的展示参数和所述代码编写区域内编写的代码，生成互动图形作品。

在一种可能实现方式中，所述获取在所述作品编辑界面的所述代码编写区域内编写的代码之后，所述方法还包括：

对所述代码编写区域内编写的代码进行解析，得到抽象语法树；

遍历所述抽象语法树，获取所述抽象语法树中包含的标识符的类型；

根据所述标识符的类型，显示对应的提示信息。

一方面，提供了一种互动图形作品生成装置，所述装置包括：

显示模块，用于显示作品编辑界面，所述作品编辑界面包括代码选择区域、素材选择区域和展示区域，所述代码选择区域用于显示封装有代码段的至少一个图形，所述素材选择区域用于添加至少一个素材；

展示模块，用于响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材；

调整模块，用于响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数；

确定模块，用于响应于对所述代码选择区域内图形的选中指令，确定至少一个目标图形；

生成模块，用于基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品。

在一种可能实现方式中，所述调整模块，用于执行下述任一项：

响应于对所述展示区域内所述目标素材的位置调整指令，将所述目标素材的显示位置调整至目标位置；

响应于对所述展示区域内所述目标素材的缩放指令，将所述目标素材的显示尺寸调整至目标尺寸；

响应于对所述展示区域内所述目标素材的旋转指令，将所述目标素材的显示角度调整至目标角度；

响应于对所述展示区域内所述目标素材的翻转指令，将所述目标素材的显示状态调整至翻转状态。

在一种可能实现方式中，所述作品编辑界面还包括代码编辑区域，所述显示模块还用于在所述作品编辑界面的所述代码编辑区域内显示所述至少一个目标图形。

在一种可能实现方式中，所述装置还包括：

修改模块，用于响应于对所述至少一个目标图形中任一图形的编辑操作，将所述任一图形所封装的代码段修改为所述编辑操作对应的代码段。

在一种可能实现方式中，所述修改模块用于：

响应于对所述任一图形的可操作对象的编辑操作，将所述任一图形所封装的第一代码段修改为第二代码段，所述第二代码段基于该第一代码段和编辑后的可操作对象生成。

在一种可能实现方式中，所述展示模块还用于在所述展示区域内展示所述目标素材时，显示所述目标素材在所述展示区域内的展示参数。

在一种可能实现方式中，所述展示模块还用于在所述展示区域内展示所述目标素材时，在所述素材选择区域内显示所述目标素材的缩略图。

在一种可能实现方式中，所述展示模块还用于在所述素材选择区域内显示所述目标素材的缩略图时，显示所述目标素材对应的至少一个操作选项，所述至少一个操作选项包括隐藏选项、复制选项和编辑选项。

在一种可能实现方式中，所述展示模块还用于执行下述任一项：

响应于对所述至少一个操作选项中所述隐藏选项的触发指令，取消所述目标素材在所述展示区域内的显示；

响应于对所述至少一个操作选项中所述复制选项的触发指令，在所述展示区域内显示目标数量的所述目标素材，所述目标数量为响应于所述触发指令之前所述目标素材的数量加1；

响应于对所述至少一个操作选项中所述编辑选项的触发指令，显示所述目标素材的编辑界面。

在一种可能实现方式中，所述展示模块用于：

响应于对所述素材选择区域的第一按钮的触发指令，显示素材添加界面；

响应于对所述素材添加界面中所述目标素材的确认添加指令，在所述展示区域内展示所述目标素材。

在一种可能实现方式中，所述展示模块用于：

响应于对所述素材选择区域的第二按钮的触发指令，显示素材绘制界面；

根据在所述素材绘制界面中的绘制操作，生成所述目标素材，在所述展示区域内展示所述目标素材。

在一种可能实现方式中，所述展示模块还用于：

响应于作品展示指令，基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，在所述展示区域内展示所述互动图形作品。

在一种可能实现方式中，所述展示模块用于：

响应于所述作品展示指令，将所述至少一个目标图形所封装的代码段转换为支持在网页端运行的代码段；

基于转换后的代码段和所述目标素材调整后的展示参数，在所述展示区域内展示所述互动图形作品。

在一种可能实现方式中，所述展示模块用于：

运行所述转换后的代码段，基于所述目标素材调整后的展示参数，绘制所述目标素材的初始画面，基于所述述转换后的代码段对应的行为逻辑，绘制所述目标素材的行为画面。

在一种可能实现方式中，所述展示模块还用于执行下述任一项：

响应于对所述作品编辑界面的所述展示区域的网格打开指令，采用网格模式显示所述展示区域；

响应于对所述作品编辑界面的所述展示区域的全屏指令，采用全屏模式显示所述展示区域。

在一种可能实现方式中，所述作品编辑界面还包括代码编写区域；

所述装置还包括：

获取模块，用于获取在所述作品编辑界面的所述代码编写区域内编写的代码；

所述生成模块还用于基于所述目标素材调整后的展示参数和所述代码编写区域内编写的代码，生成互动图形作品。

在一种可能实现方式中，所述装置还包括：

解析模块，用于对所述代码编写区域内编写的代码进行解析，得到抽象语法树；

所述获取模块还用于遍历所述抽象语法树，获取所述抽象语法树中包含的标识符的类型；

所述显示模块还用于根据所述标识符的类型，显示对应的提示信息。

一方面，提提供了一种终端，所述终端包括至少一个处理器和至少一个存储器，所述至少一个存储器中存储有至少一条程序代码，所述程序代码由所述至少一个处理器加载并执行以实现上述互动图形作品生成方法。

一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行以实现上述互动图形作品生成方法。

本申请实施例提供的技术方案带来的有益效果至少包括：

通过显示包括代码选择区域、素材选择区域和展示区域的作品编辑界面，素材选择区域用于添加至少一个素材，基于素材选择区域所确定的目标素材可以实时展示在展示区域，还能响应于对展示区域内目标素材的展示参数调整指令，调整目标素材的展示参数，代码选择区域用于显示封装有代码段的至少一个图形，素材添加完成后响应于对代码选择区域内图形的选中指令，确定至少一个目标图形，从而基于目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，生成互动图形作品。上述技术方案在创作过程中能够展示素材，根据展示效果及时对素材进行调整，通过选择封装有代码段的图形即可确定素材的行为逻辑，简化了创作过程，大大节省了人力和处理资源，提高了互动图形作品的生成效率。

附图说明

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

图1是本申请实施例提供的一种互动图形作品生成方法的实施环境示意图；

图2是本申请实施例提供的一种互动图形作品生成方法的流程图；

图3是本申请实施例提供的一种web端编程工具的界面的示意图；

图4是本申请实施例提供的一种该作品编辑界面的示意图；

图5是本申请实施例提供的一种素材选择区域的示意图；

图6是本申请实施例提供的一种展示区域的示意图；

图7是本申请实施例提供的一种带有展示区域的web端编程工具的运行流程图；

图8是本申请实施例提供的一种作品编辑界面的示意图；

图9是本申请实施例提供的一种显示提示信息的示意图；

图10是本申请实施例提供的一种互动图形作品生成装置的结构示意图；

图11是本申请实施例提供的一种终端1100的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

图1是本申请实施例提供的一种互动图形作品生成方法的实施环境示意图，参见图1，该实施环境中可以包括终端101和服务器102。

终端101通过无线网络或有线网络与服务器102相连。终端101可以是台式计算机、智能手机、平板电脑、便携计算机等设备。终端101安装和运行有支持多媒体技术的应用程序，例如，该应用程序可以是浏览器。示例性的，终端101是用户使用的终端，终端101中运行的应用程序内登录有用户账号。

服务器102可以是云计算平台、虚拟化中心等。服务器102用于为终端安装和运行的应用程序提供后台服务。可选地，服务器102承担主要多媒体业务处理工作，终端101承担次要多媒体业务处理工作；或者，服务器102承担次要多媒体业务处理工作，终端101承担主要多媒体业务处理工作；或者，服务器102或终端101分别可以单独承担多媒体业务处理工作。

可选地，服务器102包括：接入服务器、多媒体服务器和数据库。接入服务器用于为终端101提供接入服务。多媒体服务器用于提供多媒体业务处理有关的后台服务。该数据库可以包括多媒体数据库以及用户信息数据库等，基于服务器所提供的不同服务可以对应于不同数据库，多媒体服务器可以是一台或多台。当多媒体服务器是多台时，存在至少两台多媒体服务器用于提供不同的服务，和/或，存在至少两台多媒体服务器用于提供相同的服务，比如以负载均衡方式提供同一种服务，本申请实施例对此不加以限定。

终端101可以泛指多个终端中的一个，本实施例仅以终端101来举例说明。

本领域技术人员可以知晓，上述终端的数量可以更多或更少。比如上述终端可以仅为一个，或者上述终端为几十个或几百个，或者更多数量，此时上述实施环境中还包括其他终端。本申请实施例对终端的数量和设备类型不加以限定。

图2是本申请实施例提供的一种互动图形作品生成方法的流程图。该方法由终端执行，例如，该终端可以是图1对应的实施例中的终端101，参见图2，该方法可以包括：

201、终端显示作品编辑界面，该作品编辑界面包括代码选择区域、素材选择区域和展示区域，该代码选择区域用于显示封装有代码的至少一个图形，该素材选择区域用于添加至少一个素材。

其中，该作品编辑界面用于编辑待生成的互动图形作品，包括添加素材和编辑素材的行为逻辑。例如，该互动图形作品可以是游戏文件，其表现方式可以为脚本文件、多媒体文件等各种形式，本申请实施例对此不做限定。该素材可以是游戏中的虚拟角色，相应地，素材的行为逻辑可以是游戏中虚拟角色的行为逻辑。

该作品编辑界面可以是web(网页)端编程工具的界面。终端可以根据用户的网页打开操作，显示目标网页，该目标网页中可以提供目标入口，用户可以对该目标入口进行触发操作，终端可以响应于该触发操作，显示该web端编程工具的界面，用户可以在该界面上进行模式切换，触发终端显示该作品编辑界面。

例如，该web端编程工具可以是基于Python语言的web端编程工具。参见图3，图3是本申请实施例提供的一种web端编程工具的界面的示意图，如图3所示，通过点击目标网页顶部导航栏中“立即创作”按钮下的“Python实验室”卡片，可以进入web端编程工具的界面，用户也可以通过点击目标网页顶部导航栏中的“实验室”标签，选择“Python实验室”卡片中的“立即创作”按钮，进入web端编程工具的界面。该web端编程工具的界面中可以提供有“模式”选项301，从该“模式”选项中选择舞台模式，该舞台模式是web端编程工具中一种带有展示区域的模式，通过选择该舞台模式，可以将界面切换为带有展示区域的作品编辑界面。参见图4，图4是本申请实施例提供的一种该作品编辑界面的示意图，如图4所示，该作品编辑界面中除了显示有展示区域401以外，同时还显示有代码选择区域402和素材选择区域403。

针对该作品编辑界面中的素材选择区域，该素材选择区域用于添加至少一个素材作为目标素材。该素材选择区域内可以显示有至少一个第一按钮和第二按钮。第一按钮用于从已有素材中选择素材，不同的第一按钮用于提供不同类型的素材供选择，素材的类型可以包括动画类素材(如图片)和声音类素材，第二按钮用于用户自行绘制素材。参见图5，图5是本申请实施例提供的一种素材选择区域的示意图，如图5所示，该素材选择区域可以包括用于添加素材的第一区域501、用于展示素材缩略图的第二区域502和用于切换素材分类的第三区域503。该至少一个第一按钮可以是图5中第一区域内的“声音库”按钮和“动画库”按钮，该第二按钮可以是图5中第一区域内的“绘制动画”按钮。

针对该作品编辑界面中的代码选择区域，该代码选择区域用于通过选择图形的方式控制素材的行为逻辑。该代码选择区域可以显示至少一个代码分类，每个代码分类下可以显示封装有代码的至少一个图形，不同代码分类下的图形封装有不同的代码，用于控制素材的不同行为逻辑。如图4所示，该代码选择区域显示的至少一个代码分类可以包括输入输出、控制、变量、运算、字符串、数据结构、函数、常用、事件、画笔、角色、音乐和动画等。任一代码分类下的图形可以是块状结构，也可以称为图形化积木，如图4中的图形化积木1、图形化积木2、……、图形化积木5。

针对该作品编辑界面中的展示区域，该展示区域也可以称为舞台区，是web端编程工具中，实时展示素材以及对素材进行操作的区域。

在一个可能的实施例中，该作品编辑界面还包括代码编辑区域404，用于对封装有代码的图形进行编辑，用户可以在代码选择区域中选择任一图形，将其拖拽到该代码编辑区域，在该代码编辑区域内对该图形进行编辑操作，相应地，终端可以根据用户对该图形的编辑操作，相应地修改该图形所封装的代码段。

该作品编辑界面还包括调试区域405，该调试区域是一个文本输出区域，用于以文本形式输出代码的报错信息和过程结果。

202、终端响应于基于该素材选择区域所确定的目标素材，在该展示区域内展示该目标素材。

在一种可能实现方式中，该步骤202可以包括：响应于对该素材选择区域的第一按钮的触发指令，显示素材添加界面；响应于对该素材添加界面中该目标素材的确认添加指令，在该展示区域内展示该目标素材。

用户可以对该素材选择区域内的第一按钮进行触发操作，使得终端接收到该触发指令，从而响应于该触发指令，显示包括至少一个素材的素材添加界面，用户可以从该素材添加界面中选中一个或多个素材后进行确认添加操作，如点击确认添加按钮，终端可以将用户选中的该一个或多个素材作为目标素材，在展示区域内展示该目标素材。在一种可能实现方式中，终端可以在该展示区域内的默认位置显示该目标素材。如果用户对图4中的“声音库”按钮进行触发操作，则终端显示的素材添加界面中可以提供声音类素材供用户选择，用户可以选择一个或多个声音类素材作为目标素材。如果用户对图4中的“动画库”按钮进行触发操作，则终端显示的素材添加界面中可以提供动画类素材供用户选择，用户可以选择一个或多个动画类素材作为目标素材。

通过提供已有素材供用户从中选择想要添加的目标素材，可以简化用户操作，提高添加素材的效率。

在一种可能实现方式中，该步骤202可以包括：响应于对该素材选择区域的第二按钮的触发指令，显示素材绘制界面；根据在该素材绘制界面中的绘制操作，生成该目标素材，在该展示区域内展示该目标素材。

用户可以对该素材选择区域内的第一按钮进行触发操作，使得终端接收到该触发指令，从而响应于该触发指令，显示素材绘制界面，该素材绘制界面中可以提供至少一种绘制工具，如图形工具、画笔工具、填充工具、文本工具、翻转工具等，用户可以选择任一种绘制工具在该素材绘制界面内进行目标素材的绘制操作，终端可以生成该绘制操作对应的目标素材，并在该展示区域内的默认位置显示该目标素材。如果用户对图4中的“绘制动画”按钮进行触发操作，则终端显示的素材绘制界面中可以提供动画类素材的绘制工具供用户进行绘制，用户可以选择一种或多种绘制工具进行目标素材的绘制。

通过提供自由绘制素材的功能，使得用户可以自行绘制自己想要的素材，提高了素材添加的灵活性，丰富了素材的多样性。

在一种可能实现方式中，本申请实施例提供的方法还包括：在该展示区域内展示该目标素材时，在该素材选择区域内显示该目标素材的缩略图。通过在素材选择区域内显示素材的缩略图，使得用户可以直观地看到当前已添加的所有素材。

终端响应于基于该素材选择区域所确定的目标素材，除了在展示区域展示目标素材以外，还可以在素材选择区域内显示对应的缩略图。如在图5中的第二区域显示已添加的各个素材的缩略图，通过点击图5中第三区域内的“动画”选项或“声音”选项，可以触发终端在第二区域内切换显示不同分类的素材，如果点击“动画”选项，第二终端可以在第二区域内显示动画类素材，如果点击“声音”选项，第二终端可以在第二区域内显示声音类素材。

在一种可能实现方式中，本申请实施例提供的方法还包括：在该素材选择区域内显示该目标素材的缩略图时，显示该目标素材对应的至少一个操作选项，该至少一个操作选项包括隐藏选项、复制选项和编辑选项。通过在展示素材的缩略图时，同时提供至少一个操作选项，使得用户可以通过该至少一个操作选项，快速地对素材进行编辑、隐藏和复制等操作，提高了操作的便捷性。

终端可以在素材选择区域内显示该目标素材的缩略图时，可以直接显示该目标素材对应的至少一个操作选项，也可以在该目标素材被选中时，显示该目标素材对应的至少一个操作选项，或者先显示其中一个操作选项，如隐藏选项，在该目标素材被选中时，再显示剩余的操作选项。

在一种可能实现方式中，终端在显示该目标素材对应的至少一个操作选项之后，本申请实施例提供的方法还包括下述任一项：响应于对该至少一个操作选项中该隐藏选项的触发指令，取消该目标素材在该展示区域内的显示；响应于对该至少一个操作选项中该复制选项的触发指令，在该展示区域内显示目标数量的该目标素材，该目标数量为响应于该触发指令之前该目标素材的数量加1；响应于对该至少一个操作选项中该编辑选项的触发指令，显示该目标素材的编辑界面。

用户可以在素材选择区域内对目标素材对应的隐藏选项进行触发操作，使得终端接收到对该隐藏选项的触发指令，从而响应于该触发指令，取消目标素材在展示区域内的显示，也即是，将目标素材在展示区域内的显示状态设置为隐藏状态。通过隐藏选项提供隐藏已添加素材的功能，使得用户可以在不需要展示素材时，可以通过触发该隐藏选项快速实现对素材的隐藏。用户也可以在素材选择区域内对目标素材对应的复制选项进行触发操作，使得终端接收到对该复制选项的触发指令，从而响应于该触发指令，在展示区域内另外多展示一个目标素材，实现对该目标素材的复制，这样展示区域内该目标素材的数量相比于复制之前的数量多1。通过复制选项提供复制已添加素材的功能，使得用户需要展示更多的同一素材时，可以通过触发该复制选项快速地实现对素材的添加，提高了素材编辑的效率，进而提高了作品生成的效率。用户还可以在素材选择区域内对目标素材对应的编辑选项进行触发操作，使得终端接收到对该编辑选项的触发指令，从而响应于该触发指令，显示该目标素材的编辑界面，用户可以在该编辑界面中对该目标素材进行编辑操作，终端可以根据用户的编辑操作，将该目标素材在展示区域内的展示参数修改为该编辑操作对应的展示参数。通过编辑选项提供编辑已添加素材的功能，使得用户对素材不满意时，可以通过触发该编辑选项快速进入素材的编辑界面，从而对素材进行编辑。在一个可能的实施例中，该目标素材的编辑界面可以与前面提到的素材绘制界面同理，只不过该编辑界面中显示有该目标素材。

203、终端响应于对该展示区域内该目标素材的展示参数调整指令，调整该目标素材在该展示区域内的展示参数。

终端在展示区域内展示目标素材时，用户可以在展示区域内对目标素材进行调整操作，使得终端可以接收到对该目标素材的展示参数调整指令，从而响应于该展示参数调整指令，将该目标素材在该展示区域内的展示参数调整为该展示参数调整指令对应的展示参数。

在一种可能实现方式中，该步骤203可以包括下述任一项：响应于对该展示区域内该目标素材的位置调整指令，将该目标素材的显示位置调整至目标位置；响应于对该展示区域内该目标素材的缩放指令，将该目标素材的显示尺寸调整至目标尺寸；响应于对该展示区域内该目标素材的旋转指令，将该目标素材的显示角度调整至目标角度；响应于对该展示区域内该目标素材的翻转指令，将该目标素材的显示状态调整至翻转状态。

用户可以在该展示区域内对目标素材的位置进行调整操作，具体地，用户可以通过修改坐标(x坐标和y坐标)的数值或者直接拖动该目标素材的方式，使得终端接收到该位置调整指令，从而响应于该位置调整指令，将目标素材从当前位置调整至目标位置。用户可以在该展示区域内对目标素材的尺寸进行调整操作，具体地，用户可以通过修改缩放比例数值或者直接缩放该目标素材的方式，使得终端接收到该缩放指令，从而响应于该缩放指令，将目标素材从当前尺寸调整至目标尺寸。用户可以在该展示区域内对目标素材的角度进行调整操作，具体地，用户可以通过修改角度数值或者直接旋转该目标素材的方式，使得终端接收到该旋转指令，从而响应于该旋转指令，将目标素材从当前角度调整至目标角度。用户可以在该展示区域内对目标素材进行翻转操作，具体地，用户可以通过选中翻转选项的方式，使得终端接收到该翻转指令，从而响应于该翻转指令，将目标素材调整至翻转状态，该翻转可以是指左右翻转，也可以是上下翻转。另外，通过该翻转选项的选中状态，用户也可以确定目标素材的翻转状态，如果该翻转选项处于选中状态，则用户可以确定目标素材处于翻转状态，如果该翻转选项处于未选中状态，则用户可以确定目标素材未处于翻转状态。参见图6，图6是本申请实施例提供的一种展示区域的示意图，如图6所示，用户可以在该展示区域内直接对目标素材进行上述过程介绍的位置调整、缩放、旋转等操作。

在一种可能实现方式中，本申请实施例提供的方法还包括：在该展示区域内展示该目标素材时，显示该目标素材在该展示区域内的展示参数。

该展示参数可以包括位置参数(x左边和y坐标)、缩放比例、角度、翻转参数、尺寸参数(宽度和高度)等。如图6所示，终端在展示区域内展示目标素材时，可以直接显示该目标素材的展示参数601。在一个可能的实施例中，终端也可以在接收到对展示参数的查看指令时，再显示该展示参数。以尺寸参数为例，用户可以在该展示区域内对该目标素材进行尺寸查看操作，例如，该展示区域内可以提供一个尺寸查看入口，用户可以点击该尺寸查看入口，使得终端接收到尺寸查看指令，从而响应于该尺寸查看指令，显示该目标尺寸的尺寸参数，包括宽度和高度。

在一种可能实现方式中，本申请实施例提供的方法还包括下述任一项：响应于对该作品编辑界面的该展示区域的网格打开指令，采用网格模式显示该展示区域；响应于对该作品编辑界面的该展示区域的全屏指令，采用全屏模式显示该展示区域。

如图6所示，该展示区域对应的位置可以显示有对该展示区域的操作选项，包括网格打开选项602和全屏选项603。用户可以对该作品编辑界面的该展示区域进行网格打开操作，如用户可以点击该网格打开选项，使得终端接收到网格打开指令，从而采用网格模式显示该展示区域，该网格模式下可以准确地确定展示区域内任意位置点的坐标数值。用户可以对该作品编辑界面的该展示区域进行全屏操作，如用户可以点击该全屏选项，使得终端接收到全屏指令，从而采用全屏模式显示该展示区域，也即是，将该展示区域放大至整个作品编辑界面进行显示。

通过将添加的素材实时展示在作品编辑界面的展示区域内，使得用户可以针对展示区域内的素材进行展示参数调整操作，还可以查看素材的展示参数，便于用户根据素材的展示效果将素材调整至想要的状态。

204、终端响应于对该代码选择区域内图形的选中指令，确定至少一个目标图形。

在素材添加完成后，用户可以通过在代码选择区域内选择图形的方式，确定展示区域内目标素材的行为逻辑，对于动画类素材，可以确定动画类素材的移动逻辑，对于声音类素材，可以确定声音类素材的播放音量等。具体地，用户可以在代码选择区域内对至少一个目标图形进行选中操作，触发该选中指令，终端可以确定该选中指令对应的该至少一个目标图形，该至少一个目标图形所封装的代码段可以指示该目标素材的行为逻辑。

在一种可能实现方式中，该作品编辑界面还包括代码编辑区域，该确定至少一个目标图形之后，该方法还包括：在该作品编辑界面的该代码编辑区域内显示该至少一个目标图形。

该代码编辑区域用于编辑确定的至少一个目标图形，终端可以在通过步骤204确定至少一个目标图形后，直接在该代码编辑区域内显示该至少一个目标图像，也可以响应于对该至少一个目标图形的拖拽操作，在该代码编辑区域内显示该至少一个目标图像，该拖拽操作可以是将该至少一个目标图形拖拽至该代码编辑区域的操作。

通过提供代码编辑区域，在该代码编辑区域内显示被选中的至少一个目标图形，使得用户可以直观地看到自己选择的至少一个目标图形，如果发现选择错误可以及时更改。

205、终端基于该至少一个目标图形所封装的代码段和该目标素材调整后的展示参数，生成互动图形作品。

本申请实施例中，目标素材调整后的展示参数为目标素材的初始参数，该至少一个目标图形所封装的代码段用于指示该目标素材后续的行为逻辑，终端可以基于它们生成互动图形作品，生成的该互动图形作品中包括该至少一个目标图形所封装的代码段和该目标素材调整后的展示参数，这样终端在展示该互动图形作品时，终端可以根据该目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，绘制该目标素材。

在一种可能实现方式中，基于该至少一个目标图形所封装的代码段和该目标素材调整后的展示参数，生成互动图形作品之前，本申请实施例提供的方法还包括：响应于对该至少一个目标图形中任一图形的编辑操作，将该任一图形所封装的代码段修改为该编辑操作对应的代码段。具体地，终端可以响应于对该任一图形的可操作对象的编辑操作，将该任一图形所封装的第一代码段修改为第二代码段，该第二代码段基于该第一代码段和编辑后的可操作对象生成。

终端在显示任一图形时，可以显示该图形的可操作性对象，用户可以编辑该任一图形的可操作对象，触发终端基于该任一图形所封装的第一代码段和编辑后的可操作对象生成第二代码段，将该第二代码段作为该任一图形封装的代码段。

其中，该可操作对象用于指示素材的行为逻辑，不同的可操作对象用于指示素材不同的行为逻辑。针对终端在代码编辑区域内显示该至少一个图形的情况，用户可以在代码编辑区域内对任一图形进行编辑操作，触发终端修改该任一图形所封装的代码。在一个可能的实施例中，用户也可以在代码选择区域内对任一图形进行编辑操作，触发终端修改该任一图形所封装的代码。

通过提供编辑封装有代码段的图形的功能，使得用户可以根据需求修改图形所封装的代码段，从而修改素材的行为逻辑。

206、终端响应于作品展示指令，将该至少一个目标图形所封装的代码段转换为支持在网页端运行的代码段。

终端在生成互动图形作品后，用户可以点击作品编辑界面中的作品展示按钮，如点击展示区域对应的运行按钮，触发作品展示指令，终端在接收到该作品展示指令时，可以对互动图形作品所包括的至少一个目标图形所封装的代码段进行转换，得到支持在网页端运行的代码段。

例如，该至少一个目标图形所封装的代码段的代码类型可以为Python代码，支持在网页端运行的代码类型为JavaScript代码，终端可以将至少一个目标图形所封装的Python代码段转换为JavaScript代码段。具体地，终端可以存储有Python代码的编码规则和JavaScript代码的编码规则之间的映射关系，例如，该映射关系可以是代码关键字之间的映射关系，具有映射关系的两种代码关键字可以表达同一逻辑，因此可以基于该映射关系，识别至少一个目标图形所封装的Python代码段中代码关键字，将其转换为对应的代码关键字，最终得到与Python代码段逻辑相同的JavaScript代码段。在一个可能的实施例中，该至少一个目标图形所封装的代码段的代码类型也可以不是Python代码，这种情况下，终端可以先将该至少一个目标图形所封装的代码段转换为Python代码段，再将Python代码段转换为JavaScript代码段。

207、终端基于转换后的代码段和该目标素材调整后的展示参数，在该展示区域内展示该互动图形作品。

在一种可能实现方式中，该步骤207可以包括：运行该转换后的代码段，基于该目标素材调整后的展示参数，绘制该目标素材的初始画面，基于该述转换后的代码段对应的行为逻辑，绘制该目标素材的行为画面。

该转换后的代码段支持在网页端运行，终端可以在网页端运行该转换后的代码段，终端可以基于目标素材调整后的展示参数，调用对应的API(Application ProgrammingInterface，应用程序编程接口)，绘制该目标素材的初始画面。终端可以基于转换后的代码段对应的行为逻辑，调用对应的API，绘制该目标素材的多帧行为画面。

步骤206和步骤207是响应于作品展示指令，基于该目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，在该展示区域内展示该互动图形作品的一种可能实现方式。通过将被选中的至少一个目标图形所封装的代码段转换为支持在网页端运行的代码段，使得终端可以在网页端运行转换后的代码段，展示该互动图形作品。

参见图7，图7是本申请实施例提供的一种带有展示区域的web端编程工具的运行流程图，带有展示区域的web端编程工具在技术实现上可以包括多个功能模块，该多个功能模块分别为代码选择模块、代码生成模块、代码运行模块、展示模块和接口提供模块。其中，代码选择区域用于选择封装有代码段的至少一个目标图形，代码生成模块用于基于至少一个目标图形生成Python代码段，代码运行模块用于将Python代码段转换为JavaScript代码段后运行，展示模块用于提供在展示区域内的展示功能，实现代码运行模块与接口提供模块之间的交互，展示模块可以是一个Python模块，提供Python库(第三方库)，接口提供模块用于提供各种API。

本申请实施例中的展示区域也可以称为舞台区，相应地，展示模块可以称为舞台模块，接口提供模块可以称为舞台引擎模块。

展示区域是“Python实验室”的绘图区域。通过动画库添加的图片、用户上传的图片等动画类素材，都可以在该展示区域内生成一个图片单位，可以称之为“角色”。用户通过添加多种角色，配合接口提供模块提供的API，使得角色具有各种各样的行为和表现，比如角色移动、动画、播放声音等。展示区域为用户学习编程构建了一个丰富多彩的输出。接口提供模块可以是通过封装Threejs引擎的绘制、音频等接口实现的，接口提供模块对外提供更加高级，易用的API。

接口提供模块是基于JavaScript实现的，要实现代码运行模块与接口提供模块的实时交互，代码运行模块所运行的代码也需要在Web端运行。本申请实施例可以选用Skulpt作为Python代码在Web端运行的工具，将Python代码编译为Web端可运行的JavaScript代码。相应地，代码运行模块可以是Skulpt。Skulpt是一个完全基于浏览器的Python运行环境，将Python代码转换为JavaScript代码在浏览器中运行的工具，Skulpt非常适合Python教学，仅依赖Web端浏览器环境。

本申请实施例通过将代码封装在图形(也可以称为积木)中，方便初学者使用，在运行时，将图形生成Python代码，交给Skulpt运行。用户也可以直接编写Python代码，运行时，将用户编写的Python代码交给Skulpt运行。

在带有展示区域的作品编辑界面中创作互动图形作品时，可以在Python代码中导入Python库，Skulpt在运行代码时可以导入该Python库，由于Skulpt最终将Python代码编译为JavaScript代码运行，所以展示模块可以基于JavaScript实现，这样展示模块就可以与接口提供模块实现无缝调用，同时，代码运行模块和展示模块之间可以实现同步调用和异步调用。对于同步调用，需在展示模块中要将接口提供模块的返回值转为Skulpt可识别的类型；对于异步调用，需在展示模块中将接口提供模块返回的Promise对象转化为Skulpt可识别的Suspension对象，用于表示一个异步调用的成功或失败的结果。代码运行模块读取代码段后，可以通过展示模块调用接口提供模块中相应的API，得到返回值，这样在绘制代码段对应的行为逻辑时可以得知多个行为逻辑是同步执行，还是异步执行，例如，如果代码段对应的行为逻辑是边走边跳，则需要异步调用实现行走的API和实现跳跃的API，如果代码段对应的行为逻辑是先走再跳，则需要同步调用，先调用实现行走的API，再调用实现跳跃的API。

需要说明的是，本申请实施例是以通过在代码选择区域内选择封装有代码段的图形的方式，确定目标素材的行为逻辑为例进行说明，在一个可能的实施例中，也可以通过编写代码的方式，确定目标素材的行为逻辑。在一种可能实现方式中，该作品编辑界面还包括代码编写区域，终端执行步骤203之后，本申请实施例提供的方法还可以包括：获取在该作品编辑界面的该代码编写区域内编写的代码；基于该代码编写区域内编写的代码和该目标素材调整后的展示参数，生成互动图形作品。

用户可以在代码编写区域通过编写代码的方式，编写目标素材的行为逻辑，终端可以获取用户在该代码编写区域内编写的代码，结合目标素材调整后的展示参数，生成互动图形作品。参见图8，图8是本申请实施例提供的一种作品编辑界面的示意图，用户可以对带有代码选择区域的作品编辑界面进行切换，触发终端显示带有展示区域801、代码编写区域802、素材选择区域803和调试区域804的作品编辑界面，其中，展示区域801、素材选择区域803和调试区域804与图4中的展示区域401、素材选择区域403和调试区域405同理。

在一种可能实现方式中，该获取在该作品编辑界面的该代码编写区域内编写的代码之后，该方法还包括：对该代码编写区域内编写的代码进行解析，得到抽象语法树；遍历该抽象语法树，获取该抽象语法树中包含的标识符的类型；根据该标识符的类型，显示对应的提示信息。

用户在该代码编写区域内编写代码的过程中，终端可以实时获取该代码编写区域内编写的代码，将代码解析为抽象语法树，如用户编写的代码为Python代码，终端可以通过Skulpt解析Python代码为抽象语法树，Skulpt是一个完全基于浏览器的Python运行环境，将Python代码转换为JavaScript代码在浏览器中运行。然后，终端可以遍历语法树获取标识符的类型，根据标识符的类型实现自动提示。例如，当标识符为某个实例时，提示该实例方法与属性；当标识符为函数时，提示参数类型、名称等。参见图9，图9是本申请实施例提供的一种显示提示信息的示意图，图9中的(a)是实例的方法与属性提示，图9中的(b)是函数的参数提示，如图9所示，需要为每种类型提供额外的类型描述信息，比如actor(角色、素材)类型，我们需要声明该类型拥有哪些方法与属性。对于方法，提供详细的参数信息，返回值信息；对于属性，提供返回值信息。通过在编写代码的过程中显示提示信息，使得用户可以根据提示信息进行编码，提高代码模式下的编码效率。

相关技术基于Python语言的web端编程工具中，没有将可以展示并操作素材的展示区域(舞台区)融入到web端编程工具中，导致无法创作具有图形化界面的作品。相关技术具有绘图区域的web端编程工具仅支持使用Turtle库进行海龟绘图，即绘制简单的线条图形，不能完全满足创作诉求。相关技术只能通过编写Python代码来进行作品创作，没有同时基于Python语言并能与展示区域互动的图形化编程工具，大大提高了学习者的使用门槛，尤其不利于初学者和青少年的体验。

而本申请提供了一个集图形化编程和代码编程为一体的web端编程工具，开创性地推出了舞台模式，通过新增能够实时展示并对素材进行操作的展示区域，用户能添加在展示区域内实时展示的图片、音频等素材，并能直接在展示区域内对素材进行拖动、缩放等操作，进行作品效果的实时调试，便于作品的界面设计，最终完成一个基于Python语言的作品。舞台模式下同时具有图形(积木)和代码两种编码方式，不仅能够通过编写Python代码进行作品创作，还能够通过封装有代码的图形进行作品创作。这种将编程语言封装在图形中，通过选中和拖动图形进行搭建即可完成编程的图形化编程方式，能够在一定程度上降低利用Python语言进行作品创作的门槛，较大程度地提升利用Python语言进行作品创作的效率，同时为用户学习Python语言提供了崭新的思路和良好的体验，使得用户能够以较低的学习成本掌握Python语言创作作品的能力，提升编程工具的易用性和普适性。这种创新的舞台模式，除了能提升编程作品的多样性，还能给青少年用户提供学习Python语言的趣味方法，为我国人工智能教育的普及献一份力。

需要说明的是，本申请实施例提供的方法除了可以应用于基于Python语言的编程工具以外，还可以应用于基于其他编程语言的编程工具，本申请实施例对此不做限定。

本申请实施例提供的方法，通过显示包括代码选择区域、素材选择区域和展示区域的作品编辑界面，素材选择区域用于添加至少一个素材，基于素材选择区域所确定的目标素材可以实时展示在展示区域，还能响应于对展示区域内目标素材的展示参数调整指令，调整目标素材的展示参数，代码选择区域用于显示封装有代码段的至少一个图形，素材添加完成后响应于对代码选择区域内图形的选中指令，确定至少一个目标图形，从而基于目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，生成互动图形作品。上述技术方案在创作过程中能够展示素材，根据展示效果及时对素材进行调整，通过选择封装有代码段的图形即可确定素材的行为逻辑，简化了创作过程，大大节省了人力和处理资源，提高了互动图形作品的生成效率。

图10是本申请实施例提供的一种互动图形作品生成装置的结构示意图。参照图10，该装置包括：

显示模块1001，用于显示作品编辑界面，该作品编辑界面包括代码选择区域、素材选择区域和展示区域，该代码选择区域用于显示封装有代码段的至少一个图形，该素材选择区域用于添加至少一个素材；

展示模块1002，用于响应于基于该素材选择区域所确定的目标素材，在该展示区域内展示该目标素材；

调整模块1003，用于响应于对该展示区域内该目标素材的展示参数调整指令，调整该目标素材在该展示区域内的展示参数；

确定模块1004，用于响应于对该代码选择区域内图形的选中指令，确定至少一个目标图形；

生成模块1005，用于基于该目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，生成互动图形作品。

在一种可能实现方式中，该调整模块1003，用于执行下述任一项：

响应于对该展示区域内该目标素材的位置调整指令，将该目标素材的显示位置调整至目标位置；

响应于对该展示区域内该目标素材的缩放指令，将该目标素材的显示尺寸调整至目标尺寸；

响应于对该展示区域内该目标素材的旋转指令，将该目标素材的显示角度调整至目标角度；

响应于对该展示区域内该目标素材的翻转指令，将该目标素材的显示状态调整至翻转状态。

在一种可能实现方式中，该作品编辑界面还包括代码编辑区域，该显示模块1001还用于在该作品编辑界面的该代码编辑区域内显示该至少一个目标图形。

在一种可能实现方式中，该装置还包括：

修改模块，用于响应于对该至少一个目标图形中任一图形的编辑操作，将该任一图形所封装的代码段修改为该编辑操作对应的代码段。

在一种可能实现方式中，该修改模块用于：

响应于对该任一图形的可操作对象的编辑操作，将该任一图形所封装的第一代码段修改为第二代码段，该第二代码段基于该第一代码段和编辑后的可操作对象生成。

在一种可能实现方式中，该展示模块1002还用于在该展示区域内展示该目标素材时，显示该目标素材在该展示区域内的展示参数。

在一种可能实现方式中，该展示模块1002还用于在该展示区域内展示该目标素材时，在该素材选择区域内显示该目标素材的缩略图。

在一种可能实现方式中，该展示模块1002还用于在该素材选择区域内显示该目标素材的缩略图时，显示该目标素材对应的至少一个操作选项，该至少一个操作选项包括隐藏选项、复制选项和编辑选项。

在一种可能实现方式中，该展示模块1002还用于执行下述任一项：

响应于对该至少一个操作选项中该隐藏选项的触发指令，取消该目标素材在该展示区域内的显示；

响应于对该至少一个操作选项中该复制选项的触发指令，在该展示区域内显示目标数量的该目标素材，该目标数量为响应于该触发指令之前该目标素材的数量加1；

响应于对该至少一个操作选项中该编辑选项的触发指令，显示该目标素材的编辑界面。

在一种可能实现方式中，该展示模块1002用于：

响应于对该素材选择区域的第一按钮的触发指令，显示素材添加界面；

响应于对该素材添加界面中该目标素材的确认添加指令，在该展示区域内展示该目标素材。

在一种可能实现方式中，该展示模块1002用于：

响应于对该素材选择区域的第二按钮的触发指令，显示素材绘制界面；

根据在该素材绘制界面中的绘制操作，生成该目标素材，在该展示区域内展示该目标素材。

在一种可能实现方式中，该展示模块1002还用于：

响应于作品展示指令，基于该目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，在该展示区域内展示该互动图形作品。

在一种可能实现方式中，该展示模块1002用于：

响应于该作品展示指令，将该至少一个目标图形所封装的代码段转换为支持在网页端运行的代码段；

基于转换后的代码段和该目标素材调整后的展示参数，在该展示区域内展示该互动图形作品。

在一种可能实现方式中，该展示模块1002用于：

运行该转换后的代码段，基于该目标素材调整后的展示参数，绘制该目标素材的初始画面，基于该述转换后的代码段对应的行为逻辑，绘制该目标素材的行为画面。

在一种可能实现方式中，该展示模块1002还用于执行下述任一项：

响应于对该作品编辑界面的该展示区域的网格打开指令，采用网格模式显示该展示区域；

响应于对该作品编辑界面的该展示区域的全屏指令，采用全屏模式显示该展示区域。

在一种可能实现方式中，该作品编辑界面还包括代码编写区域；

该装置还包括：

获取模块，用于获取在该作品编辑界面的该代码编写区域内编写的代码；

该生成模块1005还用于基于该目标素材调整后的展示参数和该代码编写区域内编写的代码，生成互动图形作品。

在一种可能实现方式中，该装置还包括：

解析模块，用于对该代码编写区域内编写的代码进行解析，得到抽象语法树；

该获取模块还用于遍历该抽象语法树，获取该抽象语法树中包含的标识符的类型；

该显示模块1001还用于根据该标识符的类型，显示对应的提示信息。

本申请实施例中，通过显示包括代码选择区域、素材选择区域和展示区域的作品编辑界面，素材选择区域用于添加至少一个素材，基于素材选择区域所确定的目标素材可以实时展示在展示区域，还能响应于对展示区域内目标素材的展示参数调整指令，调整目标素材的展示参数，代码选择区域用于显示封装有代码段的至少一个图形，素材添加完成后响应于对代码选择区域内图形的选中指令，确定至少一个目标图形，从而基于目标素材调整后的展示参数和该至少一个目标图形所封装的代码段，生成互动图形作品。上述技术方案在创作过程中能够展示素材，根据展示效果及时对素材进行调整，通过选择封装有代码段的图形即可确定素材的行为逻辑，简化了创作过程，大大节省了人力和处理资源，提高了互动图形作品的生成效率。

需要说明的是：上述实施例提供的互动图形作品生成装置在互动图形作品生成时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的互动图形作品生成装置与互动图形作品生成方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图11是本申请实施例提供的一种终端1100的结构示意图。该终端1100可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1100还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端1100包括有：一个或多个处理器1101和一个或多个存储器1102。

处理器1101可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1101可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1101也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1101可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1101还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器1102可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1102还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1102中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器1101所执行以实现本申请中方法实施例提供的互动图形作品生成方法。

在一些实施例中，终端1100还可选包括有：外围设备接口1103和至少一个外围设备。处理器1101、存储器1102和外围设备接口1103之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1103相连。具体地，外围设备包括：射频电路1104、显示屏1105、摄像头组件1106、音频电路1107、定位组件1108和电源1109中的至少一种。

外围设备接口1103可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器1101和存储器1102。在一些实施例中，处理器1101、存储器1102和外围设备接口1103被集成在同一芯片或电路板上；在一些其他实施例中，处理器1101、存储器1102和外围设备接口1103中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路1104用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路1104通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1104将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路1104包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1104可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路1104还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏1105用于显示UI(UserInterface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1105是触摸显示屏时，显示屏1105还具有采集在显示屏1105的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1101进行处理。此时，显示屏1105还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏1105可以为一个，设置终端1100的前面板；在另一些实施例中，显示屏1105可以为至少两个，分别设置在终端1100的不同表面或呈折叠设计；在再一些实施例中，显示屏1105可以是柔性显示屏，设置在终端1100的弯曲表面上或折叠面上。甚至，显示屏1105还可以设置成非矩形的不规则图形，也即异形屏。显示屏1105可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件1106用于采集图像或视频。可选地，摄像头组件1106包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件1106还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路1107可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器1101进行处理，或者输入至射频电路1104以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端1100的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1101或射频电路1104的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路1107还可以包括耳机插孔。

定位组件1108用于定位终端1100的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件1108可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源1109用于为终端1100中的各个组件进行供电。电源1109可以是交流电、直流电、一次性电池或可充电电池。当电源1109包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端1100还包括有一个或多个传感器1110。该一个或多个传感器1110包括但不限于：加速度传感器1111、陀螺仪传感器1112、压力传感器1113、指纹传感器1114、光学传感器1115以及接近传感器1116。

加速度传感器1111可以检测以终端1100建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器1111可以用于检测重力加速度在三个坐标轴上的分量。处理器1101可以根据加速度传感器1111采集的重力加速度信号，控制显示屏1105以横向视图或纵向视图进行用户界面的显示。加速度传感器1111还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器1112可以检测终端1100的机体方向及转动角度，陀螺仪传感器1112可以与加速度传感器1111协同采集用户对终端1100的3D动作。处理器1101根据陀螺仪传感器1112采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器1113可以设置在终端1100的侧边框和/或显示屏1105的下层。当压力传感器1113设置在终端1100的侧边框时，可以检测用户对终端1100的握持信号，由处理器1101根据压力传感器1113采集的握持信号进行左右手识别或快捷操作。当压力传感器1113设置在显示屏1105的下层时，由处理器1101根据用户对显示屏1105的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器1114用于采集用户的指纹，由处理器1101根据指纹传感器1114采集到的指纹识别用户的身份，或者，由指纹传感器1114根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器1101授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1114可以被设置终端1100的正面、背面或侧面。当终端1100上设置有物理按键或厂商Logo时，指纹传感器1114可以与物理按键或厂商Logo集成在一起。

光学传感器1115用于采集环境光强度。在一个实施例中，处理器1101可以根据光学传感器1115采集的环境光强度，控制显示屏1105的显示亮度。具体地，当环境光强度较高时，调高显示屏1105的显示亮度；当环境光强度较低时，调低显示屏1105的显示亮度。在另一个实施例中，处理器1101还可以根据光学传感器1115采集的环境光强度，动态调整摄像头组件1106的拍摄参数。

接近传感器1116，也称距离传感器，通常设置在终端1100的前面板。接近传感器1116用于采集用户与终端1100的正面之间的距离。在一个实施例中，当接近传感器1116检测到用户与终端1100的正面之间的距离逐渐变小时，由处理器1101控制显示屏1105从亮屏状态切换为息屏状态；当接近传感器1116检测到用户与终端1100的正面之间的距离逐渐变大时，由处理器1101控制显示屏1105从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图11中示出的结构并不构成对终端1100的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种存储有至少一条程序代码的计算机可读存储介质，例如存储有至少一条程序代码的存储器，上述至少一条程序代码由处理器加载并执行，以实现上述实施例中的互动图形作品生成方法。例如，该计算机可读存储介质可以是只读内存(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory，RAM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上仅为本申请的可选实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (15)

1.一种互动图形作品生成方法，其特征在于，所述方法包括：

显示作品编辑界面，所述作品编辑界面包括代码选择区域、素材选择区域和展示区域，所述代码选择区域用于显示封装有代码段的至少一个图形，所述素材选择区域用于添加至少一个素材；

响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材；

响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数；

响应于对所述代码选择区域内图形的选中指令，确定至少一个目标图形；

基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品。

2.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述响应于对所述展示区域内所述目标素材的展示参数调整指令，调整所述目标素材在所述展示区域内的展示参数，包括下述任一项：

响应于对所述展示区域内所述目标素材的位置调整指令，将所述目标素材的显示位置调整至目标位置；

响应于对所述展示区域内所述目标素材的缩放指令，将所述目标素材的显示尺寸调整至目标尺寸；

响应于对所述展示区域内所述目标素材的旋转指令，将所述目标素材的显示角度调整至目标角度；

响应于对所述展示区域内所述目标素材的翻转指令，将所述目标素材的显示状态调整至翻转状态。

3.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述作品编辑界面还包括代码编辑区域，

所述响应于对所述代码选择区域内图形的选中指令，确定至少一个目标图形之后，所述方法还包括：

在所述作品编辑界面的所述代码编辑区域内显示所述至少一个目标图形。

4.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品之前，所述方法还包括：

响应于对所述至少一个目标图形中任一图形的编辑操作，将所述任一图形所封装的代码段修改为所述编辑操作对应的代码段。

5.根据权利要求4所述的互动图形作品生成方法，其特征在于，所述响应于对所述至少一个目标图形中任一图形的编辑操作，将所述任一图形所封装的代码段修改为所述编辑操作对应的代码段，包括：

响应于对所述任一图形的可操作对象的编辑操作，将所述任一图形所封装的第一代码段修改为第二代码段，所述第二代码段基于所述第一代码段和编辑后的可操作对象生成。

6.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述方法还包括：

在所述展示区域内展示所述目标素材时，在所述素材选择区域内显示所述目标素材的缩略图。

7.根据权利要求6所述的互动图形作品生成方法，其特征在于，所述方法还包括：

在所述素材选择区域内显示所述目标素材的缩略图时，显示所述目标素材对应的至少一个操作选项，所述至少一个操作选项包括隐藏选项、复制选项和编辑选项。

8.根据权利要求7所述的互动图形作品生成方法，其特征在于，所述显示所述目标素材对应的至少一个操作选项之后，所述方法还包括下述任一项：

响应于对所述至少一个操作选项中所述隐藏选项的触发指令，取消所述目标素材在所述展示区域内的显示；

响应于对所述至少一个操作选项中所述复制选项的触发指令，在所述展示区域内显示目标数量的所述目标素材，所述目标数量为响应于所述触发指令之前所述目标素材的数量加1；

响应于对所述至少一个操作选项中所述编辑选项的触发指令，显示所述目标素材的编辑界面。

9.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材，包括：

响应于对所述素材选择区域的第一按钮的触发指令，显示素材添加界面；

响应于对所述素材添加界面中所述目标素材的确认添加指令，在所述展示区域内展示所述目标素材。

10.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述响应于基于所述素材选择区域所确定的目标素材，在所述展示区域内展示所述目标素材，包括：

响应于对所述素材选择区域的第二按钮的触发指令，显示素材绘制界面；

根据在所述素材绘制界面中的绘制操作，生成所述目标素材，在所述展示区域内展示所述目标素材。

11.根据权利要求1所述的互动图形作品生成方法，其特征在于，所述基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，生成互动图形作品之后，所述方法还包括：

响应于作品展示指令，基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，在所述展示区域内展示所述互动图形作品。

12.根据权利要求11所述的互动图形作品生成方法，其特征在于，所述响应于作品展示指令，基于所述目标素材调整后的展示参数和所述至少一个目标图形所封装的代码段，在所述展示区域内展示所述互动图形作品，包括：

响应于所述作品展示指令，将所述至少一个目标图形所封装的代码段转换为支持在网页端运行的代码段；

基于转换后的代码段和所述目标素材调整后的展示参数，在所述展示区域内展示所述互动图形作品。

13.一种互动图形作品生成装置，其特征在于，所述装置包括至少一个功能模块，所述至少一个功能模块用于执行权利要求1至权利要求12任一项所述的互动图形作品生成方法。

14.一种终端，其特征在于，所述终端包括至少一个处理器和至少一个存储器，所述至少一个存储器中存储有至少一条程序代码，所述程序代码由所述至少一个处理器加载并执行以实现权利要求1至权利要求12任一项所述的互动图形作品生成方法。

15.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行，以实现权利要求1至12任一项所述的互动图形作品生成方法。

Images