CN116524065A - 一种曲线的弹性动画生成方法、装置、设备及存储介质 - Google Patents
一种曲线的弹性动画生成方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN116524065A CN116524065A CN202211606449.3A CN202211606449A CN116524065A CN 116524065 A CN116524065 A CN 116524065A CN 202211606449 A CN202211606449 A CN 202211606449A CN 116524065 A CN116524065 A CN 116524065A
- Authority
- CN
- China
- Prior art keywords
- curve
- animation
- image frame
- target
- determining
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 238000004590 computer program Methods 0.000 claims description 16
- 238000004364 calculation method Methods 0.000 claims description 3
- 238000004891 communication Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/203—Drawing of straight lines or curves
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种曲线的弹性动画生成方法、装置、设备及存储介质。该方法包括:确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。本技术方案解决了弹性动画引擎难以对曲线形状进行弹性动画的问题,可以在提高曲线的弹性动画生成灵活性的同时,为用户提供良好的使用体验。
Description
技术领域
本发明涉及动画制作技术领域,尤其涉及一种曲线的弹性动画生成方法、装置、设备及存储介质。
背景技术
为了生动展示产品的特色,在移动终端的应用中进行对象间切换时,通常采用动画来呈现两个对象的特点变化。曲线,可以直观呈现对象的不同特点。因此,在进行对象切换时,对应的特征曲线若能进行相应的动画切换,可提实现良好的呈现效果。
但是,在动画渲染方面,现有的移动终端操作系统,例如iOS系统、Android系统等,提供的动画引擎通常只能对展示对象进行透明度、颜色或位置的弹性动画设置,无法对展示对象的形状实现弹性动画。因此,如何利用移动终端操作系统的弹性动画引擎对曲线形状进行弹性动画是亟待解决的问题。
发明内容
本发明提供了一种曲线的弹性动画生成方法、装置、设备及存储介质,以解决弹性动画引擎难以对曲线形状进行弹性动画的问题,可以在提高曲线的弹性动画生成灵活性的同时,为用户提供良好的使用体验。
根据本发明的一方面,提供了一种曲线的弹性动画生成方法,所述方法包括:
确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;
其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;
根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;
根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
根据本发明的另一方面,提供了一种曲线的弹性动画生成装置,该装置包括:
起止位置确定模块,用于确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;
其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;
帧中位置确定模块,用于根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;
弹性动画生成模块,用于根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
根据本发明的另一方面,提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行本发明任一实施例所述的曲线的弹性动画生成方法。
根据本发明的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现本发明任一实施例所述的曲线的弹性动画生成方法。
本发明实施例的技术方案,通过确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;然后根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;再根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。该技术方案解决了弹性动画引擎难以对曲线形状进行弹性动画的问题,可以在提高曲线的弹性动画生成灵活性的同时,为用户提供良好的使用体验。
应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据本发明实施例一提供的一种曲线的弹性动画生成方法的流程图;
图2是根据本发明实施例二提供的一种曲线的弹性动画生成方法的流程图;
图3是根据本发明实施例三提供的一种曲线的弹性动画生成装置的结构示意图;
图4是实现本发明实施例的曲线的弹性动画生成方法的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。
实施例一
图1为本发明实施例一提供了一种曲线的弹性动画生成方法的流程图,本实施例可适用于曲线的弹性动画生成场景,该方法可以由曲线的弹性动画生成装置来执行,该装置可以采用硬件和/或软件的形式实现,该装置可配置于电子设备中。如图1所示,该方法包括:
S110、确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置。
本方案可以由智能手机、平板电脑等移动终端执行,移动终端可以根据起始展示对象和目的展示对象,确定待生成动画曲线的至少两个目标点。其中,所述展示对象可以是能够通过曲线形式进行展示的数据,例如产品销售量、旅游线路客流量等等。起始展示对象可以是当前展示对象,目的展示对象可以是下一展示对象,起始展示对象可以切换至目的展示对象。所述待生成动画曲线可以是基于起始展示对象和目的展示对象生成的弹性动画中涉及的曲线。所述目标点可以是一维坐标确定,另一维坐标待确定的点。
移动终端可以根据起始展示对象,绘制起始展示曲线,根据起始展示曲线的特征点确定待生成动画曲线的目标点。移动终端可以根据目的展示对象,绘制目的展示曲线,根据目的展示曲线的特征点确定待生成动画曲线的目标点。移动终端还可以根据起始展示曲线的特征点与目的展示曲线的特征点,确定待生成动画曲线的目标点。容易理解的,所述特征点可以是表征起始展示曲线基本形状的点,例如一条直线的特征点可以是该直线上任意两个不同的点,正弦曲线的特征点可以包括(0,0)、(π,0)、/>以及(2π,0)五个特征点。
在确定了目标点后,移动终端可以确定各目标点的起始位置和终点位置。其中,目标点的起点位置可以是基于起始展示对象的目标点位置确定的,目标点的终点位置可以是基于目的展示对象的目标点位置确定的。示例性的,移动终端可以将起始展示对象的目标点位置作为目标点的起点位置,将目的展示对象的目标点位置作为目标点的终点位置。
S120、根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置。
移动终端可以预先根据弹性动画的设置信息,确定图像帧之间的时间间隔。根据各目标点的起始位置和终点位置,移动终端可以按照图像帧之间的时间间隔,确定弹性动画的各图像帧中各目标点的位置。例如目标点A的起始位置为(1,1),终点位置为(1,9),图像帧之间的时间间隔相等,每个时间间隔目标点A移动两个单位长度,弹性动画的各图像帧中各目标点的位置可以分别为:(1,1)、(1,3)、(1,5)、(1,7)和(1,9)。
S130、根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
移动终端可以根据各图像帧中各目标点的位置,绘制各图像帧中的展示曲线,进而根据各图像帧中的展示曲线,生成待生成动画曲线的弹性动画。
本技术方案通过确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;然后根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;再根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。该技术方案解决了弹性动画引擎难以对曲线形状进行弹性动画的问题,可以在提高曲线的弹性动画生成灵活性的同时,为用户提供良好的使用体验。
实施例二
图2为本发明实施例二提供的一种曲线的弹性动画生成方法的流程图,本实施例以上述实施例为基础进行细化。如图2所示,该方法包括:
S210、根据起始展示对象的特征以及目的展示对象的特征,确定待生成动画曲线的至少两个目标点。
在本方案中,移动终端可以获取起始展示对象的特征和目的展示对象的特征。其中,展示对象的特征可以是基于展示对象的数据变化确定的。移动终端可以根据展示对象的特征,确定特征点。例如移动终端可以将展示对象的数据变化临界点作为特征点。根据起始展示对象的特征点和目的展示对象的特征点,移动终端可以确定待生成动画曲线的至少两个目标点。
S220、基于起始展示对象的目标点位置确定各目标点的起始位置,并基于目的展示对象的目标点位置确定各目标点的终点位置。
移动终端可以将起始展示对象的目标点位置作为目标点的起点位置,将目的展示对象的目标点位置作为目标点的终点位置。
S230、根据各目标点的起始位置和终点位置,按照预设插值方式,确定弹性动画的各图像帧中各目标点的位置。
可以理解的,所述插值方式可以包括线性插值、拉格朗日插值、牛顿差值、泰勒插值以及埃尔米特插值等方式。移动终端可以以目标点的起始位置和终点位置之间按照预设插值方式进行插值。根据插值结果,移动终端可以得到弹性动画各图像帧中各目标点的位置。
S240、根据各图像帧中相邻目标点的位置,生成各图像帧中的至少一条曲线段。
移动终端可以将每相邻的两个目标点划分为一组,绘制每个目标点组对应的曲线段。具体的,移动终端可以将每个目标点组中的两个目标点作为曲线段端点,基于贝塞尔曲线绘制两个目标点之间的曲线段。
在一个优选的方案中,所述曲线段是基于三阶贝塞尔曲线绘制的;所述三阶贝塞尔曲线具有两个控制点;所述控制点的计算公式为:
其中,i表示目标点索引,α表示调节参数,pi表示目标点位置,表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第一控制点,/>表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第二控制点,Pi ,表示三阶贝塞尔曲线在目标点i的切线斜率。
本方案通过贝塞尔曲线绘制相邻两个目标点之间的曲线段,有利于实现曲线段的准确绘制。
S250、根据各图像帧中的至少一条曲线段,确定各图像帧匹配的展示曲线。
如果待生成动画曲线的目标点只有两个,则根据各目标点可以生成一条曲线段。移动终端可以将各图像帧中的曲线段作为展示曲线。如果待生成动画曲线的目标点数量大于两个,则根据各目标点可以生成多条曲线段。移动终端可以将相邻两条曲线段在共有目标点处进行拼接,得到各图像帧中的展示曲线。
在一个可行的方案中,所述根据各图像帧中的至少一条曲线段,确定各图像帧匹配的展示曲线,包括:
若各图像帧中的曲线段数量均为1,则根据各图像帧中的曲线段确定各图像帧匹配的展示曲线。
如果各图像帧中的曲线段数量均为1,则移动终端可以将各图像帧中的曲线段作为展示曲线。
在另一个可行的方案中,所述根据至少一条曲线段,确定各图像帧匹配的展示曲线,包括:
若各图像帧中的曲线段数量均大于1,则根据各图像帧中的相邻曲线段涉及的目标点位置以及调整参数,计算控制点,并确定满足平滑性条件的控制点;
根据各图像帧中的相邻曲线段以及满足平滑性条件的控制点,确定各图像帧匹配的展示曲线。
如果各图像帧中的曲线段数量均大于1,则移动终端可以根据各图像帧中的相邻曲线段涉及的目标点位置以及调整参数,计算控制点。通过调节调整参数,移动终端可以得到满足平滑性条件的控制点。其中,所述平滑性条件可以是保证相邻曲线段平滑衔接的控制点取值范围,例如相邻曲线段在共有目标点处的切线相同时控制点的取值。在确定了满足平滑性条件的控制点之后,移动终端可以根据控制点调节相邻的两个曲线段,并对调节后的相邻曲线段进行拼接,得到展示曲线。在完成对各图像帧中各曲线段的平滑性处理之后,移动终端可以得到各图像帧的展示曲线。
本方案通过调节控制点实现各图像帧中曲线段的平滑拼接,有利于为展示曲线呈现良好的视觉效果。
S260、根据各图像帧匹配的展示曲线,生成待生成动画曲线的弹性动画。
在得到各图像帧匹配的展示曲线之后,移动终端可以按照预设动画设置,播放各图像帧,生成弹性动画。
本技术方案通过确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;然后根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;再根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。该技术方案解决了弹性动画引擎难以对曲线形状进行弹性动画的问题,可以在提高曲线的弹性动画生成灵活性的同时,为用户提供良好的使用体验。
实施例三
图3为本发明实施例三提供的一种曲线的弹性动画生成装置的结构示意图。如图3所示,该装置包括:
起止位置确定模块310,用于确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;
其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;
帧中位置确定模块320,用于根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;
弹性动画生成模块330,用于根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
本方案中,可选的,所述起止位置确定模块310包括目标点确定单元,所述目标点确定单元,用于根据起始展示对象的特征以及目的展示对象的特征,确定待生成动画曲线的至少两个目标点。
可选的,所述帧中位置确定模块320,具体用于:
根据各目标点的起始位置和终点位置,按照预设插值方式,确定弹性动画的各图像帧中各目标点的位置。
本实施例中,可选的,所述弹性动画生成模块330,包括:
曲线段生成单元,用于根据各图像帧中相邻目标点的位置,生成各图像帧中的至少一条曲线段;
展示曲线确定单元,用于根据各图像帧中的至少一条曲线段,确定各图像帧匹配的展示曲线;
弹性动画生成单元,用于根据各图像帧匹配的展示曲线,生成待生成动画曲线的弹性动画。
在一个可行的方案中,所述展示曲线确定单元,具体用于:
若各图像帧中的曲线段数量均为1,则根据各图像帧中的曲线段确定各图像帧匹配的展示曲线。
在另一个可行的方案中,所述展示曲线确定单元,具体用于:
若各图像帧中的曲线段数量均大于1,则根据各图像帧中的相邻曲线段涉及的目标点位置以及调整参数,计算控制点,并确定满足平滑性条件的控制点;
根据各图像帧中的相邻曲线段以及满足平滑性条件的控制点,确定各图像帧匹配的展示曲线。
在上述方案的基础上,可选的,所述曲线段是基于三阶贝塞尔曲线绘制的;所述三阶贝塞尔曲线具有两个控制点;所述控制点的计算公式为:
其中,i表示目标点索引,α表示调节参数,pi表示目标点位置,表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第一控制点,/>表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第二控制点,Pi ,表示三阶贝塞尔曲线在目标点i的切线斜率。
本发明实施例所提供的曲线的弹性动画生成装置可执行本发明任意实施例所提供的曲线的弹性动画生成方法,具备执行方法相应的功能模块和有益效果。
实施例四
图4示出了可以用来实施本发明的实施例的电子设备410的结构示意图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图4所示,电子设备410包括至少一个处理器411,以及与至少一个处理器411通信连接的存储器,如只读存储器(ROM)412、随机访问存储器(RAM)413等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器411可以根据存储在只读存储器(ROM)412中的计算机程序或者从存储单元418加载到随机访问存储器(RAM)413中的计算机程序,来执行各种适当的动作和处理。在RAM 413中,还可存储电子设备410操作所需的各种程序和数据。处理器411、ROM 412以及RAM 413通过总线414彼此相连。输入/输出(I/O)接口415也连接至总线414。
电子设备410中的多个部件连接至I/O接口415,包括:输入单元416,例如键盘、鼠标等;输出单元417,例如各种类型的显示器、扬声器等;存储单元418,例如磁盘、光盘等;以及通信单元419,例如网卡、调制解调器、无线通信收发机等。通信单元419允许电子设备410通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器411可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器411的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器411执行上文所描述的各个方法和处理,例如曲线的弹性动画生成方法。
在一些实施例中,曲线的弹性动画生成方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元418。在一些实施例中,计算机程序的部分或者全部可以经由ROM 412和/或通信单元419而被载入和/或安装到电子设备410上。当计算机程序加载到RAM 413并由处理器411执行时,可以执行上文描述的曲线的弹性动画生成方法的一个或多个步骤。备选地,在其他实施例中,处理器411可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行曲线的弹性动画生成方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种曲线的弹性动画生成方法,其特征在于,所述方法包括:
确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;
其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;
根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;
根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
2.根据权利要求1所述的方法,其特征在于,所述确定待生成动画曲线的至少两个目标点,包括:
根据起始展示对象的特征以及目的展示对象的特征,确定待生成动画曲线的至少两个目标点。
3.根据权利要求1所述的方法,其特征在于,所述根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置,包括:
根据各目标点的起始位置和终点位置,按照预设插值方式,确定弹性动画的各图像帧中各目标点的位置。
4.根据权利要求1所述的方法,其特征在于,所述根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画,包括:
根据各图像帧中相邻目标点的位置,生成各图像帧中的至少一条曲线段;
根据各图像帧中的至少一条曲线段,确定各图像帧匹配的展示曲线;
根据各图像帧匹配的展示曲线,生成待生成动画曲线的弹性动画。
5.根据权利要求4所述的方法,其特征在于,所述根据各图像帧中的至少一条曲线段,确定各图像帧匹配的展示曲线,包括:
若各图像帧中的曲线段数量均为1,则根据各图像帧中的曲线段确定各图像帧匹配的展示曲线。
6.根据权利要求4所述的方法,其特征在于,所述根据至少一条曲线段,确定各图像帧匹配的展示曲线,包括:
若各图像帧中的曲线段数量均大于1,则根据各图像帧中的相邻曲线段涉及的目标点位置以及调整参数,计算控制点,并确定满足平滑性条件的控制点;
根据各图像帧中的相邻曲线段以及满足平滑性条件的控制点,确定各图像帧匹配的展示曲线。
7.根据权利要求6所述的方法,其特征在于,所述曲线段是基于三阶贝塞尔曲线绘制的;所述三阶贝塞尔曲线具有两个控制点;所述控制点的计算公式为:
其中,i表示目标点索引,α表示调节参数,pi表示目标点位置,表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第一控制点,/>表示目标点i-1作为曲线段起点,目标点i作为曲线段终点的三阶贝塞尔曲线的第二控制点,P, i表示三阶贝塞尔曲线在目标点i的切线斜率。
8.一种曲线的弹性动画生成装置,其特征在于,包括:
起止位置确定模块,用于确定待生成动画曲线的至少两个目标点,并确定各目标点的起始位置和终点位置;
其中,所述起点位置是基于起始展示对象的目标点位置确定的,所述终点位置是基于目的展示对象的目标点位置确定的;
帧中位置确定模块,用于根据各目标点的起始位置和终点位置,确定弹性动画的各图像帧中各目标点的位置;
弹性动画生成模块,用于根据各图像帧中各目标点的位置,生成待生成动画曲线的弹性动画。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的曲线的弹性动画生成方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的曲线的弹性动画生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211606449.3A CN116524065A (zh) | 2022-12-14 | 2022-12-14 | 一种曲线的弹性动画生成方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211606449.3A CN116524065A (zh) | 2022-12-14 | 2022-12-14 | 一种曲线的弹性动画生成方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116524065A true CN116524065A (zh) | 2023-08-01 |
Family
ID=87396427
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211606449.3A Pending CN116524065A (zh) | 2022-12-14 | 2022-12-14 | 一种曲线的弹性动画生成方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116524065A (zh) |
-
2022
- 2022-12-14 CN CN202211606449.3A patent/CN116524065A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114792355A (zh) | 虚拟形象生成方法、装置、电子设备和存储介质 | |
CN114610295A (zh) | 一种页面容器的布局方法、装置、设备及介质 | |
CN115423919B (zh) | 图像的渲染方法、装置、设备以及存储介质 | |
CN116524065A (zh) | 一种曲线的弹性动画生成方法、装置、设备及存储介质 | |
CN116595089A (zh) | 一种任务依赖图布局方法、装置、设备及存储介质 | |
CN115665363A (zh) | 一种视频会议方法、装置、设备和存储介质 | |
CN113658300A (zh) | 动画播放方法、装置、电子设备以及存储介质 | |
CN116468824B (zh) | 动画重定向方法、装置、电子设备及存储介质 | |
CN116302277A (zh) | 一种数据处理方法、装置、电子设备及介质 | |
CN115237289B (zh) | 热区范围确定方法、装置、设备及存储介质 | |
CN114786051B (zh) | 一种视频渲染方法、装置、电子设备及存储介质 | |
US20230078041A1 (en) | Method of displaying animation, electronic device and storage medium | |
CN114820770A (zh) | 一种扫描触发方法、装置、电子设备及存储介质 | |
CN116820656A (zh) | 一种大屏界面生成方法、装置、设备及存储介质 | |
CN117891425A (zh) | 一种led屏幕的异形边框显示方法、显示装置和电子设备 | |
CN116627097A (zh) | 一种工艺配方管理方法、装置、生产设备系统及存储介质 | |
CN114564133A (zh) | 一种应用程序显示方法、装置、设备及介质 | |
CN116091161A (zh) | 一种滤芯的运营管理方法、装置、电子设备和存储介质 | |
CN116631318A (zh) | 显示面板及其调试方法、调试装置 | |
CN117709276A (zh) | 电气设备中的母排生成方法、装置、设备及介质 | |
CN118245622A (zh) | 案件数据分析方法、装置、电子设备和存储介质 | |
CN116485130A (zh) | 一种工序排产计划生成方法、装置、电子设备及存储介质 | |
CN115509421A (zh) | 一种数据展示方法和装置 | |
CN117975099A (zh) | 一种像素级的目标标注方法、装置、电子设备及存储介质 | |
CN115454310A (zh) | 一种数据的页面交互方法、装置、设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |