基于图形化编程的素材绘制编辑方法、装置、系统及介质

技术领域

本发明涉及图形化编程技术领域，尤其涉及基于图形化编程的素材绘制编辑方法、装置、系统及介质。

背景技术

随着社会的发展和进步，以及计算机科学的飞速发展，编程成为了现代人一项越来越重要的基本能力，任何年龄、任何基础的人员都有越来越强的学习和体验程序编写的需求。面向儿童侧的编程产品——图形化编程工具，随着时代的发展应运而生。

图形化编程的特点为图形素材与编程相结合，素材在整个编程创作中极为重要，为满足用户创作素材需要，现有图形编程工具中具有简易的图片导入编辑与修改以实现素材导入的目的，在用户不断学习成长的需求下，仅仅通过简单的图片编辑和修改显然无法满足用户日益增长的个性化编程需求，而且用户需要先获取图片再进行编辑修改也降低了素材获取的效率。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供基于图形化编程的素材绘制编辑方法、装置、系统及介质，旨在解决现有技术中在进行图形化编程时素材创作效率低下且功能单一无法满足个性化需要，导致编程体验不佳的问题。

本发明的技术方案如下：

一种基于图形化编程的素材绘制编辑方法，其包括如下步骤：

在进行图形化编程时，根据输入的模式选择指令进入相应的素材添加模式；

当进入自定义素材模式时，检测用户选择的绘制功能以及在素材画布中输入的绘制操作；

根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材。

所述的基于图形化编程的素材绘制编辑方法中，所述目标素材通过圆形画笔和/或像素画笔进行绘制。

所述的基于图形化编程的素材绘制编辑方法中，所述绘制功能包括图形选择功能、和/或画笔功能、和/或橡皮擦功能、和/或文字框功能、和/或导入图片功能、和/或导入素材库功能、和/或定位功能、和/或图形裁剪功能，和/或图形组合功能。

所述的基于图形化编程的素材绘制编辑方法中，所述根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材，包括：

当选择画笔功能时，检测用户选择的画笔类型以及在素材画布中输入的绘制轨迹；

根据所述画笔类型以及绘制轨迹绘制输出相应的轨迹图形作为目标素材。

所述的基于图形化编程的素材绘制编辑方法中，所述根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材，包括：

当选择橡皮擦功能时，获取素材画布中的现有图形并检测用户选择的橡皮擦类型以及在素材画布中输入的擦除轨迹；

根据所述擦除轨迹与现有图形的重叠区域对所述现有图形进行擦除处理，将擦除后的图形作为目标素材。

所述的基于图形化编程的素材绘制编辑方法中，，所述橡皮擦类型包括圆形橡皮擦和像素橡皮擦。

所述的基于图形化编程的素材绘制编辑方法中，所述根据所述擦除轨迹与现有图形的重叠区域对所述现有图形进行擦除处理，将擦除后的图形作为目标素材之后，还包括：

获取目标素材中包含的独立图形，并根据用户输入的属性设置指令分别设置每个独立图形的属性。

本发明又一实施例还提供了一种基于图形化编程的素材绘制编辑装置，所述装置包括：

模式选择模块，用于在进行图形化编程时，根据输入的模式选择指令进入相应的素材添加模式；

检测模块，用于当进入自定义素材模式时，检测用户选择的绘制功能以及在素材画布中输入的绘制操作；

绘制模块，用于根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材。

本发明又一实施例还提供了一种基于图形化编程的素材绘制编辑系统，所述系统包括至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述基于图形化编程的素材绘制编辑方法。

本发明的另一实施例还提供了一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行上述的基于图形化编程的素材绘制编辑方法。

本发明的另一实施例还提供了一种计算机程序产品，所述计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被处理器执行时，使所述处理器执行上述的基于图形化编程的素材绘制编辑方法。

有益效果：本发明公开了基于图形化编程的素材绘制编辑方法、装置、系统及介质，相比于现有技术，本发明实施例通过在图形化编程中增加自定义的素材绘制，使得用户可以直接在进行图形化编程时根据不同的个性化编程需求自由绘制素材图形，更加高效地满足了个性化编程需要，提高了编程体验。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1为本发明提供的基于图形化编程的素材绘制编辑方法较佳实施例的流程图；

图2a至图2c为本发明提供的基于图形化编程的素材绘制编辑方法较佳实施例中程序界面示意图；

图3a和图3b为本发明提供的基于图形化编程的素材绘制编辑方法第一应用实施例的界面示意图；

图4a和图4b为本发明提供的基于图形化编程的素材绘制编辑方法第二应用实施例的界面示意图；

图5a和图5b为本发明提供的基于图形化编程的素材绘制编辑方法第三应用实施例的界面示意图；

图6为本发明提供的基于图形化编程的素材绘制编辑方法第四应用实施例的界面示意图；

图7为本发明提供的基于图形化编程的素材绘制编辑装置较佳实施例的功能模块示意图；

图8为本发明提供的基于图形化编程的素材绘制编辑系统较佳实施例的硬件结构示意图。

具体实施方式

为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。以下结合附图对本发明实施例进行介绍。

请参阅图1，图1为本发明提供的基于图形化编程的素材绘制编辑方法较佳实施例的流程图。如图1所示，其包括如下步骤：

S100、在进行图形化编程时，根据输入的模式选择指令进入相应的素材添加模式；

S200、当进入自定义素材模式时，检测用户选择的绘制功能以及在素材画布中输入的绘制操作；

S300、根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材。

本实施例中，当用户在PC端或移动终端等安装有图形化编程软件的终端上进行图形化编程时，预设有若干种素材添加模式以供用户选择，当用户需要添加素材进行图形化编程时，根据用户输入的模式选择指令进入相应的素材添加模式，在一可选实施例中，如图2a和图2b所示，当点击添加角色按钮时即触发素材添加功能，此时下拉菜单提供多种素材添加模式，包括素材库模式、自定义素材模式、随机素材模式以及上传模式，用户可根据编程需求任意选择，若选择自定义素材模式则可直接在当前图形化编程软件中进行素材的自由绘制，通过检测用户选择的绘制功能以及在素材画布中输入的绘制操作进行相应图形的绘制，进而输出用于图形化编程的目标素材，具体所述目标素材可通过不同类型的画笔进行绘制，例如圆形画笔和/或像素画笔，用户可选择其一或者组合不同类型的画笔实现高效便捷且自由度高的素材绘制，用户无需借助第三方软件进行绘图后再上传素材，直接在当前图形化编程软件中即可完成图形绘制，有效提高了个性化素材的添加效率，提高编程体验。

具体来说，所述绘制功能包括图形选择功能、和/或画笔功能、和/或橡皮擦功能、和/或文字框功能、和/或导入图片功能、和/或导入素材库功能、和/或定位功能、和/或图形裁剪功能，和/或图形组合功能。

本实施例中，预先设置有上述绘制功能中的一种或多种以实现在进入自定义素材模式后的素材绘制编辑，在一可选实施例中，如图2c所示，当进入自定义素材模式后，将搭建一用于绘制素材的素材画布，在所述素材画布的一侧分布有若干个功能图标，每个功能图标均对应一种绘制功能，根据用户选择的绘制功能以及当前绘制功能下对应输入的绘制操作，例如点击、拖拽、移动等操作，即可在所述素材画布中进行自由的素材创作，例如在图形选择功能下，在子菜单中点击相应的图形并拖拽至素材画布中，保持拖拽并移动至目标位置后即可在素材画布中绘制一相应的图形，丰富的绘制功能给用户提供了广阔的创意空间，以便在进行个性化图形编程时无需受既有素材库的限制，有利于开拓用户的想象力和提升用户的编程能力。

进一步地，根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材，包括：

当选择画笔功能时，检测用户选择的画笔类型以及在素材画布中输入的绘制轨迹；

根据所述画笔类型以及绘制轨迹绘制输出相应的轨迹图形作为目标素材。

本实施例中，当检测到当前选择了画笔功能时，则进一步检测用户选择的画笔类型，即预设有多种画笔类型以达到不同的绘制效果，用户在画笔功能下可操控鼠标或者触控笔等在素材画布上自由输入绘制轨迹，根据当前选择的画笔类型以及所述绘制轨迹进行轨迹图形的绘制，进而将绘制得到的轨迹图形作为目标素材，优选地，在每种画笔类型下均可自由调整画笔大小，以调节线条的粗细来满足不同素材绘制的需要，使轨迹图形的绘制更加贴合不同素材的创作要求。

具体地，所述画笔类型包括圆形画笔和像素画笔。

本实施例中，提供圆形画笔和像素画笔进行素材的线条绘制，因绘制图形需要操控鼠标或触控笔等，圆形画笔和像素画笔大大的降低了用户绘画制图的门槛，提升了用户的编程体验。

如图3a和图3b所示，其为本发明提供的第一应用实施例中两种画笔类型的界面图，图3a中选用圆形画笔进行绘制，以鼠标操控为例，其绘制效果为拖动鼠标能够根据移动轨迹画出一条圆滑的线条，该线条或图形均为矢量图，并进一步对线条进行平滑处理，使线条或图行边缘更加平滑，同时可以调整画笔大小；图3b中选用像素画笔进行绘制，此时在所述素材画布上新建一栅格结构，将所述素材画布区分为一个个方形网格以用于像素线条的绘制，通过像素画笔绘制时，以鼠标操控为例，每点击一次鼠标即可填充方形网格得到一个方形像素点，绘制线条时则具体通过检测用户输入的鼠标按下事件以及按下后的鼠标移动事件与鼠标松开事件进行绘制，根据鼠标按下时的坐标以及移动轨迹对当前鼠标途径的所有方形网格进行填充，直到鼠标松开时的坐标则停止填充，得到若干个方形网格拼接而成的像素线条，该线条或图形均为矢量图，并进一步对线条进行平滑处理，使线条或图行边缘更加平滑，同时可以调整画笔大小，具体在调节像素画笔的大小时，可通过调整方形网格的尺寸实现，或者通过保持方形网格的尺寸不变，调整单次点击时方形网格的填充数量实现，本实施例对此不作限定。

进一步地，所述根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材，包括：

当选择橡皮擦功能时，获取素材画布中的现有图形并检测用户选择的橡皮擦类型以及在素材画布中输入的擦除轨迹；

根据所述擦除轨迹与现有图形的重叠区域对所述现有图形进行擦除处理，将擦除后的图形作为目标素材。

本实施例中，当检测到当前选择了橡皮擦功能时，先获取当前素材画布中已经绘制的现有图形，并检测用户选择的橡皮擦类型以及擦除轨迹，即与画笔类型对应，本实施例中为不同的画笔类型预设了相应的橡皮擦类型，根据擦除轨迹与现有图形的重叠区域即可对现有图形进行擦除处理，通过设置相应的橡皮擦类型以供用户选择，使得能达到最佳的擦除匹配效果，提高素材绘制的精准性。

具体地，所述橡皮擦类型包括圆形橡皮擦和像素橡皮擦。

本实施例中，与圆形画笔和像素画笔相对应提供了圆形橡皮擦和像素橡皮擦，同时可调整橡皮擦的大小，使得可根据现有图形的画笔类型选择对应的橡皮擦进行擦除处理，令边缘擦除时不会由于橡皮擦形状不匹配而留下多余边角，提高绘制质量。

进一步地，所述根据所述擦除轨迹与现有图形的重叠区域对所述现有图形进行擦除处理，将擦除后的图形作为目标素材之后，还包括：

获取目标素材中包含的独立图形，并根据用户输入的属性设置指令分别设置每个独立图形的属性。

本实施例中，在进行擦除处理后，若将一个完整图形擦除为若干个独立图形，此时可对每个独立图形的属性进行编辑，例如颜色、尺寸等等进一步提高素材绘制的灵活性，为图形化编程提供更多个性化的图形素材。

如图4a和图4b所示，其为本发明提供的第二应用实施例中两种橡皮擦类型的界面图，图4a中选用圆形橡皮擦进行擦除，将现有的长条图形擦除为两个独立的图形，此时擦除得到的两个图形均可单独进行编辑，例如单独设置每个图形的颜色实现双拼色的素材；图4b中选用像素橡皮擦进行擦除，将现有的正方形擦除为两个独立的矩形，这两个矩形同样可作为独立图形进行单独编辑，灵活更改其颜色、形状、尺寸等等属性，为绘制更多个性化图形提供了可能性。

进一步地，在根据当前选择的绘制功能与对应输入的绘制操作绘制输出相应的目标素材后，还可进一步目标素材的颜色进行灵活调整，如图5a和图5b所示，其为本发明提供的第三应用实施例中颜色设置的界面图，在素材画布的另一侧设置有色彩选择功能，所有自主创作的素材都可自主选择颜色，考虑儿童对颜色的敏感和丰富度体验，系统预设有9类色卡，同时提供自定义颜色，便于用户结合编程作品，进行天马行空的创作。

更进一步地，如图6所示，本发明提供的第四应用实施例中，当选择导入图片功能并且从终端本地导入相应图片后，可通过输入拖拽选择框的操作对导入图片进行尺寸裁剪，得到当前所需的任意尺寸的图片，使得用户可灵活结合本地图片进行素材创作，降低了素材制作的难度与门槛，提高了图形化编程的体验感。

可以理解的是，以上应用实施例中涉及到的运算参数仅仅是示例而非限制，具体可根据实际需求灵活改变运算参数得到相应的运算结果，本发明对此不作限定。

由以上方法实施例可知，本发明提供的基于图形化编程的素材绘制编辑方法通过在图形化编程中增加自定义的素材绘制，使得用户可以直接在进行图形化编程时根据不同的个性化编程需求自由绘制素材图形，更加高效地满足了个性化编程需要，提高了编程体验。

需要说明的是，上述各步骤之间并不必然存在一定的先后顺序，本领域普通技术人员，根据本发明实施例的描述可以理解，不同实施例中，上述各步骤可以有不同的执行顺序，亦即，可以并行执行，亦可以交换执行等等。

本发明另一实施例提供一种基于图形化编程的素材绘制编辑装置，如图7所示，装置1包括：

模式选择模块11，用于在进行图形化编程时，根据输入的模式选择指令进入相应的素材添加模式；

检测模块12，用于当进入自定义素材模式时，检测用户选择的绘制功能以及在素材画布中输入的绘制操作；

绘制模块13，用于根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材

所述模式选择模块11、检测模块12和绘制模块13依次连接，具体实施方式请参考上述对应的方法实施例，此处不再赘述。

进一步地，所述绘制模块13包括：

第一检测单元，用于当选择画笔功能时，检测用户选择的画笔类型以及在素材画布中输入的绘制轨迹；

绘制单元，用于根据所述画笔类型以及绘制轨迹绘制输出相应的轨迹图形作为目标素材。

进一步地，所述绘制模块13还包括：

第二检测单元，用于当选择橡皮擦功能时，获取素材画布中的现有图形并检测用户选择的橡皮擦类型以及在素材画布中输入的擦除轨迹；

擦除单元，用于根据所述擦除轨迹与现有图形的重叠区域对所述现有图形进行擦除处理，将擦除后的图形作为目标素材。

进一步地，所述绘制模块13还包括：

设置单元，用于获取目标素材中包含的独立图形，并根据用户输入的属性设置指令分别设置每个独立图形的属性。

本发明另一实施例提供一种基于图形化编程的素材绘制编辑系统，如图8所示，系统10包括：

一个或多个处理器110以及存储器120，图8中以一个处理器110为例进行介绍，处理器110和存储器120可以通过总线或者其他方式连接，图8中以通过总线连接为例。

处理器110用于完成系统10的各种控制逻辑，其可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISCMachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器110还可以是任何传统处理器、微处理器或状态机。处理器110也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP和/或任何其它这种配置。

存储器120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的基于图形化编程的素材绘制编辑方法对应的程序指令。处理器110通过运行存储在存储器120中的非易失性软件程序、指令以及单元，从而执行系统10的各种功能应用以及数据处理，即实现上述方法实施例中的基于图形化编程的素材绘制编辑方法。

存储器120可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据系统10使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器120可选包括相对于处理器110远程设置的存储器，这些远程存储器可以通过网络连接至系统10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

一个或者多个单元存储在存储器120中，当被一个或者多个处理器110执行时，执行上述任意方法实施例中的基于图形化编程的素材绘制编辑方法，例如，执行以上描述的图1中的方法步骤S100至步骤S300。

本发明实施例提供了一种非易失性计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行，例如，执行以上描述的图1中的方法步骤S100至步骤S300。

作为示例，非易失性存储介质能够包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦ROM(EEPROM)或闪速存储器。易失性存储器能够包括作为外部高速缓存存储器的随机存取存储器(RAM)。通过说明丽非限制，RAM可以以诸如同步RAM(SRAM)、动态RAM、(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、Synchlink DRAM(SLDRAM)以及直接Rambus(兰巴斯)RAM(DRRAM)之类的许多形式得到。本文中所描述的操作环境的所公开的存储器组件或存储器旨在包括这些和/或任何其他适合类型的存储器中的一个或多个。

本发明的另一种实施例提供了一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行上述方法实施例的基于图形化编程的素材绘制编辑方法。例如，执行以上描述的图1中的方法步骤S100至步骤S300。

综上所述，本发明公开的基于图形化编程的素材绘制编辑方法、装置、系统及介质中，方法通过在进行图形化编程时，根据输入的模式选择指令进入相应的素材添加模式；当进入自定义素材模式时，检测用户选择的绘制功能以及在素材画布中输入的绘制操作；根据所述绘制功能和对应的绘制操作在所述素材画布中绘制输出用于图形化编程的目标素材。本发明实施例通过在图形化编程中增加自定义的素材绘制，使得用户可以直接在进行图形化编程时根据不同的个性化编程需求自由绘制素材图形，更加高效地满足了个性化编程需要，提高了编程体验。

以上所描述的实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际需要选择其中的部分或者全部模块来实现本实施例方案的目的。

通过以上的实施例的描述，本领域的技术人员可以清楚地了解到各实施例可借助软件加通用硬件平台的方式来实现，当然也可以通过硬件实现。基于这样的理解，上述技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存在于计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机电子设备(可以是个人计算机，服务器，或者网络电子设备等)执行各个实施例或者实施例的某些部分的方法。

除了其他之外，诸如"能够"、"能"、"可能"或"可以"之类的条件语言除非另外具体地陈述或者在如所使用的上下文内以其他方式理解，否则一般地旨在传达特定实施方式能包括(然而其他实施方式不包括)特定特征、元件和/或操作。因此，这样的条件语言一般地还旨在暗示特征、元件和/或操作对于一个或多个实施方式无论如何都是需要的或者一个或多个实施方式必须包括用于在有或没有输入或提示的情况下判定这些特征、元件和/或操作是否被包括或者将在任何特定实施方式中被执行的逻辑。

已经在本文中在本说明书和附图中描述的内容包括能够提供基于图形化编程的素材绘制编辑方法、装置、系统及介质的示例。当然，不能够出于描述本公开的各种特征的目的来描述元件和/或方法的每个可以想象的组合，但是可以认识到，所公开的特征的许多另外的组合和置换是可能的。因此，显而易见的是，在不脱离本公开的范围或精神的情况下能够对本公开做出各种修改。此外，或在替代方案中，本公开的其他实施例从对本说明书和附图的考虑以及如本文中所呈现的本公开的实践中可能是显而易见的。意图是，本说明书和附图中所提出的示例在所有方面被认为是说明性的而非限制性的。尽管在本文中采用了特定术语，但是它们在通用和描述性意义上被使用并且不用于限制的目的。