一种图形渲染动画的生成方法及系统、控制装置、存储介质与流程

1.本发明涉及计算机技术领域，特别涉及一种图形渲染动画的生成方法及系统、控制装置、存储介质。


背景技术：

2.现有的对文字图形的动画生成方法比较复杂，并且由于文字的轨迹路径不规则，若采用根据文字的轨迹路径引导渲染的方式，会存在渲染文字图形的过程中呈现的文字图形比较歪扭的情况，导致动画效果不佳。


技术实现要素：

3.本发明旨在至少解决现有技术中存在的技术问题之一。为此，本发明提出一种图形渲染动画的生成方法及系统、控制装置、存储介质，提高文字图形动画的生成效果。
4.根据本发明的第一方面实施例的一种图形渲染动画的生成方法，包括：建立展示层以及笔迹渲染层；获取目标图形至所述展示层，根据所述目标图形于所述展示层上形成该目标图形的锚点轮廓；将所述展示层作为所述笔迹渲染层的蒙版；所述笔迹渲染层以所述锚点轮廓为界限确认至少一条渲染路径；按渲染路径逐步渲染目标图形；记录所述笔迹渲染层的渲染过程以形成动画文件。
5.根据本发明实施例的一种图形渲染动画的生成方法，至少具有如下有益效果：
6.本发明的生成方法，先根据输入的目标图形形成锚点轮廓，再利用展示层上的锚点轮廓作为笔迹渲染层对照的蒙版，而后根据锚点轮廓为界限确认渲染路径，使得渲染路径与目标图形的形状基本一致，再进行渲染和生成动画，本设计能够提高生成目标图形的圆滑度，提高文字图形动画的生成效果。
7.根据本发明的一些实施例，在所述笔迹渲染层以所述锚点轮廓为界限确认至少一条渲染路径中包括：在锚点轮廓内沿所述目标图形的延展方向设定多个渲染点；在多个渲染点中相邻的两个渲染点连线以得出至少一条渲染路径。
8.根据本发明的一些实施例，所述按渲染路径逐步渲染目标图形包括：按设定的渲染方向确定所述渲染路径的首端以及所述渲染路径的末端；以所述渲染路径在所述笔迹渲染层上的各个第一像素点为中心确定每个第一像素点的周向邻近区域，其中，所述周向邻近区域为距离该第一像素点少于第一设定间距的区域范围；根据锚点轮廓对所述周向邻近区域进行约束形成与每个第一像素点对应的渲染区域；从所述渲染路径的首端至所述渲染路径的末端，逐步对各个第一像素点对应的渲染区域内未着色的第二像素点着色。
9.根据本发明的一些实施例，所述逐步对各个第一像素点对应的渲染区域内未着色的第二像素点着色包括：以设定时间间隔依次对各个第一像素点对应的渲染区域内未着色的第二像素点着色。
10.根据本发明的一些实施例，所述根据锚点轮廓对所述周向邻近区域进行约束形成与每个第一像素点对应的渲染区域包括：判断所述周向邻近区域的任意位置是否在所述锚
点轮廓内，若否，则删除所述周向邻近区域在所述锚点轮廓外的位置以下形成渲染区域。
11.根据本发明的一些实施例，所述在锚点轮廓内沿所述目标图形的延展方向设定多个渲染点包括：沿所述目标图形的延展方向依次设定渲染点，在上一个设定的渲染点间隔第二设定间距并且位于所述锚点轮廓内的位置设定下一个渲染点。
12.根据本发明的一些实施例，将所述笔迹渲染层的渲染过程与时间轴关联以形成动画文件。
13.根据本发明第二方面实施例的生成系统，包括：输入模块，用于输入目标图形；处理模块，与输入模块连接，所述处理模块建立展示层以及笔迹渲染层，处理模块获取目标图形至所述展示层并根据所述目标图形于所述展示层上形成该目标图形的锚点轮廓；所述处理模块将所述展示层作为所述笔迹渲染层的蒙版；所述笔迹渲染层以所述锚点轮廓为界限确认至少一条渲染路径；所述处理模块按渲染路径逐步渲染目标图形；所述处理模块记录所述笔迹渲染层的渲染过程以形成动画文件。
14.根据本发明实施例的生成系统，至少具有如下有益效果：
15.本发明生成系统，能够提高生成目标图形的圆滑度，提高文字图形动画的生成效果。
16.根据本发明第三方面实施例的控制装置，包括：一个或多个存储器；一个或多个处理器，用于执行存储在所述一个或多个存储器中的一个或多个计算机程序，还用于执行上述任一实施例公开的图形渲染动画的生成方法。
17.根据本发明第四方面实施例的计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行上述任一实施例公开的图形渲染动画的生成方法。
18.本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
19.本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
20.图1为本发明生成方法其中一种实施例的第一流程图；
21.图2为本发明生成方法其中一种实施例的第二流程图；
22.图3为本发明生成方法其中一种实施例的第三流程图；
23.图4为本发明生成系统其中一种实施例的原理结构框图；
24.图5为本发明控制装置其中一种实施例的原理结构框图。
25.附图标记：
26.输入模块100、处理模块200、存储器300、处理器400。
具体实施方式
27.下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
28.在本发明的描述中，需要理解的是，涉及到方位描述，例如术语“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。
29.在本发明的描述中，若干的含义是一个或者多个，多个的含义是两个以上，大于、小于、超过等理解为不包括本数，以上、以下、以内等理解为包括本数。如果有描述到第一、第二只是用于区分技术特征为目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量或者隐含指明所指示的技术特征的先后关系。
30.本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。
31.如图1－3所示，根据本发明的第一方面实施例的一种图形渲染动画的生成方法，包括：
32.s100、建立展示层以及笔迹渲染层；
33.s200、获取目标图形至展示层，根据目标图形于展示层上形成该目标图形的锚点轮廓；
34.s300、将展示层作为笔迹渲染层的蒙版；
35.s400、笔迹渲染层以锚点轮廓为界限确认至少一条渲染路径；
36.s500、按渲染路径逐步渲染目标图形；
37.s600、记录笔迹渲染层的渲染过程以形成动画文件。
38.具体地，可以应用adobe illustrator工具实现，于adobe illustrator工具中建立画布，而后建立展示层以及笔迹渲染层两个图层，并且笔迹渲染层置于展示层上，并且可以将生成的ai文件导出为svg文件。
39.本发明的生成方法，先根据输入的目标图形形成锚点轮廓，再利用展示层上的锚点轮廓作为笔迹渲染层对照的蒙版，而后根据锚点轮廓为界限确认渲染路径，使得渲染路径与目标图形的形状基本一致，再进行渲染和生成动画，而锚点轮廓在展示层上，不会对笔迹渲染层的显示有任何影响，本设计能够提高生成目标图形的圆滑度，提高文字图形动画的生成效果。
40.在本发明的一些实施例中，如图2所示，在步骤s400、笔迹渲染层以锚点轮廓为界限确认至少一条渲染路径中包括：
41.s410、在锚点轮廓内沿目标图形的延展方向设定多个渲染点；
42.s420、在多个渲染点中相邻的两个渲染点连线以得出至少一条渲染路径。
43.需要说明的是，获得目标图形后，本系统能够识别出目标图形轮廓的延展的趋势走向，从而在锚点轮廓内随机布置多个渲染点，利用相邻的两个渲染点的连线从而获得渲染路径，该渲染路径比较平滑，利用渲染路径来直到渲染过程，可以使得对目标图形的渲染呈现更加流畅，提高动画呈现效果。
44.具体地，渲染路径可以有多条，例如，输入“a”字母，可以对“a”字母拆分成“c”以及
倒“l”的两条渲染路径，而输入“l”字母，则可以直接生成一条渲染路径，当然，也可以输入“all”等字母串，对于“all”等字母串，可以分别对不同的字母分析后对不同的字母拆分出不同的渲染路径。
45.在本发明的一些实施例中，如图3所示，步骤s500、按渲染路径逐步渲染目标图形包括：
46.s510、按设定的渲染方向确定渲染路径的首端以及渲染路径的末端；
47.s520、以渲染路径在笔迹渲染层上的各个第一像素点为中心确定每个第一像素点的周向邻近区域，其中，周向邻近区域为距离该第一像素点少于第一设定间距的区域范围；
48.s530根据锚点轮廓对周向邻近区域进行约束形成与每个第一像素点对应的渲染区域；
49.s540、从渲染路径的首端至渲染路径的末端，逐步对各个第一像素点对应的渲染区域内未着色的第二像素点着色。
50.需要说明的是，笔迹渲染层由各个像素点阵列式排布构成，利用渲染路径进行指导渲染，渲染路径与笔迹渲染层重叠的位置形成第一像素点，在渲染时，逐步对各个第一像素点周边的第二像素点一并着色，从而沿渲染路径对锚点轮廓内的区域逐步着色，使得渲染过程有序进行，提高了动画效果。
51.具体地，设定的渲染方向可以是用户设定，例如从笔迹渲染层的上方至笔迹渲染层的下方，从笔迹渲染层的左方至笔迹渲染层的右方等。
52.第一设定间距可以由用户设定，一般为锚点轮廓内笔迹的宽度，周向邻近区域相当于以第一像素点为圆点，利用第一设定间距作为半径得到的圆周范围内的区域。
53.在本发明的一些实施例中，逐步对各个第一像素点对应的渲染区域内未着色的第二像素点着色包括：以设定时间间隔依次对各个第一像素点对应的渲染区域内未着色的第二像素点着色，具体地，设定时间间隔可以由用户设定，使得渲染区域中以恒定的渐变速率逐步着色，提高了渲染的动画效果。
54.在本发明的一些实施例中，根据锚点轮廓对周向邻近区域进行约束形成与每个第一像素点对应的渲染区域包括：判断周向邻近区域的任意位置是否在锚点轮廓内，若否，则删除周向邻近区域在锚点轮廓外的位置以下形成渲染区域。
55.在得到周向邻近区域后，对于周向邻近区域中不在锚点轮廓内的区域进行删除，剩下的区域形成渲染区域，从而使得渲染区域能够填充锚点轮廓内的区域并且不会超出，使得笔迹更加圆滑，提高动画渲染效果。
56.在本发明的一些实施例中，在锚点轮廓内沿目标图形的延展方向设定多个渲染点包括：沿目标图形的延展方向依次设定渲染点，在上一个设定的渲染点间隔第二设定间距并且位于锚点轮廓内的位置设定下一个渲染点。
57.本系统能够对目标图形的延展方向有基本的判定，对于多个渲染点的设定，可以先随机在锚点轮廓内设定一个初始的渲染点，沿大致的延展方向以第二设定间距的间隔选定下一个渲染点，并且对该渲染点的位置进行判定，判断该渲染点是否在锚点轮廓内，若是，则确定形成该渲染点，若否，则调整下一渲染点相对于上一渲染点的方位，再次形成另一渲染点，再判断该渲染点是否在锚点轮廓内，依次循环，直至下一渲染点位于锚点轮廓内为止。
58.在本发明的一些实施例中，将笔迹渲染层的渲染过程与时间轴关联以形成动画文件。
59.具体地，将渲染过程与时间轴关联，使得用户对动画的播放进行更多的控制，例如暂停播放、回调、指定播放位置等，优化动画播放效果。
60.根据本发明第二方面实施例的生成系统，如图4所示，包括：输入模块100，用于输入目标图形；处理模块200，与输入模块100连接，处理模块200建立展示层以及笔迹渲染层，处理模块200获取目标图形至展示层并根据目标图形于展示层上形成该目标图形的锚点轮廓；处理模块200将展示层作为笔迹渲染层的蒙版；笔迹渲染层以锚点轮廓为界限确认至少一条渲染路径；处理模块200按渲染路径逐步渲染目标图形；处理模块200记录笔迹渲染层的渲染过程以形成动画文件。
61.其中，输入模块100可以由触摸屏构成，或者由鼠标搭配显示屏构成，而处理模块200可以由mcu或者cpu及附属电路构成。
62.本发明生成系统，能够提高生成目标图形的圆滑度，提高文字图形动画的生成效果。
63.根据本发明第三方面实施例的控制装置，如图5所示，包括：一个或多个存储器300；一个或多个处理器400，用于执行存储在一个或多个存储器300中的一个或多个计算机程序，还用于执行上述任一实施例公开的图形渲染动画的生成方法。
64.需要说明的是，本实施例的具体实现过程可参见上述方法实施例的具体实现过程，在此不再叙述。
65.根据本发明第四方面实施例的计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行上述任一实施例公开的图形渲染动画的生成方法。
66.需要说明的是，本实施例的具体实现过程可参见上述方法实施例的具体实现过程，在此不再叙述。
67.本技术实施例还公开一种计算机程序产品，其中，当计算机程序产品在计算机上运行时，使得计算机执行如以上各方法实施例中的方法的部分或全部步骤。
68.本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质包括只读存储器300(read－only memory，rom)、随机存储器300(random access memory，ram)、可编程只读存储器300(programmable read－only memory，prom)、可擦除可编程只读存储器300(erasable programmable read only memory，eprom)、一次可编程只读存储器300(one－time programmable read only memory，otprom)、电子抹除式可复写只读存储器300(electrically－erasable programmable read－only memory，eeprom)、只读光盘(compact disc read－only memory，cd－rom)或其他光盘存储器300、磁盘存储器300、磁带存储器300、或者能够用于携带或存储数据的计算机可读的任何其他介质。
69.以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
70.尽管已经示出和描述了本发明的实施例，本领域的普通技术人员可以理解：在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型，本
发明的范围由权利要求及其等同物限定。