CN105825537A - 一种生成动画曲线的方法及终端 - Google Patents
一种生成动画曲线的方法及终端 Download PDFInfo
- Publication number
- CN105825537A CN105825537A CN201510864606.4A CN201510864606A CN105825537A CN 105825537 A CN105825537 A CN 105825537A CN 201510864606 A CN201510864606 A CN 201510864606A CN 105825537 A CN105825537 A CN 105825537A
- Authority
- CN
- China
- Prior art keywords
- animation
- curvilinear
- preset
- coordinate
- curve
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种生成动画曲线的方法及终端,其中所述方法包括:获取至少四个控制点并根据至少四个控制点生成曲线图形,其中至少四个控制点包括分别控制生成曲线图形起始端和末尾端的两个控制点以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,曲线图形的第一及第二坐标轴分别对应为时间坐标轴及动画曲线控制终端显示预置动画的变化度坐标轴;获取预置动画输出点的数量;根据所述数量及曲线图形,确定每个预置动画输出点位于曲线图形上的坐标值;在检测到曲线图形控制终端显示预置动画的变化状态符合预定标准动画变化状态时,根据该坐标值,确定控制终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
Description
技术领域
本发明涉及图像处理领域,特别是涉及一种生成动画曲线的方法及终端。
背景技术
目前终端上显示的动画需要变化时,会从动画开始变化状态进行到动画结束变化状态,而动画从开始变化状态到结束变化状态的这一过程是由通过终端后台运行的动画曲线控制的。一般动画曲线是封装在插值器中的各种各样的非线性变化函数形成的曲线,通过不同的函数定义的变化值,确定相对于时间变化值的变化规则(比如加速及减速等)。比如,在终端的界面切换时,切换前的界面过度到切换后的界面是通过动画实现的,而动画曲线是反映且控制动画从开始切换状态到结束切换状态这一过程的曲线,也就是动画曲线会随着时间的变化,反映界面的动画的变化程度。但是由于现有技术中形成动画曲线的函数所呈现的动画曲线形态单一,难以直观使用调整,从而在定制特定动画曲线时,难以制作出符合体验设计的动画曲线工具。
发明内容
本发明实施例的目的在于提供一种生成动画曲线的方法及终端,以解决现有技术中形成动画曲线的函数所呈现的动画曲线形态单一,难以直观使用调整,从而在定制特定动画曲线时,难以制作出符合体验设计的动画曲线工具。
一方面,本发明实施例提供一种生成动画曲线的方法,包括:
获取至少四个控制点,并根据所述至少四个控制点生成曲线图形,其中,所述至少四个控制点包括分别控制生成所述曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,所述曲线图形的第一坐标轴为时间坐标轴,所述曲线图形的第二坐标轴为所述动画曲线控制所述终端显示预置动画的变化度坐标轴;
获取预置动画输出点的数量;
根据所述预置动画输出点的数量及所述曲线图形,确定每个预置动画输出点位于所述曲线图形上的坐标值;
在检测到所述曲线图形控制所述终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
另一方面,本发明实施例还提供一种终端,包括:
获取生成模块,用于获取至少四个控制点,并根据所述至少四个控制点生成曲线图形,其中,所述至少四个控制点包括分别控制生成所述曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,所述曲线图形的第一坐标轴为时间坐标轴,所述曲线图形的第二坐标轴为所述动画曲线控制所述终端显示预置动画的变化度坐标轴;
获取模块,用于获取预置动画输出点的数量;
确定模块,用于根据所述预置动画输出点的数量及所述曲线图形,确定每个预置动画输出点位于所述曲线图形上的坐标值;
确定生成模块,用于在检测到所述曲线图形控制所述终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
本发明实施例的上述技术方案的有益效果如下:
本发明实施例的方案中,通过调整至少四个控制点,确定生成多种曲线图像,从而可以确定多个控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形,从而满足多种UI动画需求。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明第一实施例的生成动画曲线的方法流程图之一;
图2为本发明第一实施例的生成动画曲线步骤101的流程图;
图3为本发明第一实施例的生成动画曲线步骤103的流程图;
图4为本发明第一实施例的生成动画曲线步骤104的流程图;
图5为本发明第一实施例的生成动画曲线的方法流程图之一;
图6为本发明实施例的生成动画曲线的取点示意图;
图7为本发明第二实施例的生成动画曲线的方法的具体实现流程图;
图8为本发明第二实施例的曲线图形示意图;
图9为本发明第三实施例的终端的结构示意图之一;
图10为本发明第三实施例的终端各个模块的结构示意图;
图11为本发明第三实施例的终端的结构示意图之一;
图12为本发明第四实施例的终端的内部实体结构框图;
图13为本发明第五实施例的终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
第一实施例
如图1所示,为本发明第一实施例的生成动画曲线的方法流程图之一,下面就该图并结合图2至图6具体说明该生成动画曲线的方法的实施过程。
如图1所示,本发明第一实施例的生成动画曲线的方法中,包括:
步骤101,获取至少四个控制点,并根据该至少四个控制点生成曲线图形,其中,该至少四个控制点包括分别控制生成该曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,该曲线图形的第一坐标轴为时间坐标轴,该曲线图形的第二坐标轴为该动画曲线控制该终端显示预置动画的变化度坐标轴。
需要说明的是,曲率控制点的数目与曲线图形上的曲率有关系。一般曲率控制点的数目越多,对应的曲线图形的曲率变化就越多,使得整个曲线图形弯曲程度各不相同,对应的曲线图形控制的该终端显示预置动画的变化状态,就会有预置动画的多种不同的变化状态,以方便用户选择。
本发明实施例中的曲线图形优选为贝塞尔曲线图形,贝塞尔曲线图形的至少四个控制点包括控制生成该贝塞尔曲线图形起始端的控制点、控制生成该贝塞尔曲线图形末尾端的控制点,以及控制生成不同曲率的中间贝塞尔曲线图形的至少两个曲率控制点,该中间贝塞尔曲线图形为该起始端与该末尾端之间曲线图形,其中该贝塞尔末端曲率为零。该贝塞尔曲线图形具有易于调整的特性,可以通过贝塞尔曲线图形至少四个控制点实现对曲线图形的调整,从而生成控制终端显示预置动画的变化状态符合预定标准动画变化状态的任意曲线图形,并且在调整曲线图形时,可以边调整边看调整的曲线图形是否符合条件,在不符合时,可以及时调整,从而提高了UI动画曲线的生成效率。
优选地,该曲线图形为贝塞尔曲线图形,该至少四个控制点的数目为六个时,这里的六个控制点包括控制生成该贝塞尔曲线图形起始端的控制点、控制生成该贝塞尔曲线图形末尾端的控制点,以及控制生成不同曲率的中间贝塞尔曲线图形的四个曲率控制点,该中间贝塞尔曲线图形为该起始端与该末尾端之间曲线图形,其中该贝塞尔末端曲率为零。这里的四个曲率控制点可以利用贝塞尔曲线图形的3次方公式计算,这样不仅可以通过减少计算的复杂度来减轻设备负荷,也可以生成控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形。
上述预置动画是根据用户需求设定的一个动画。上述终端显示预置动画的变化度在0%至100%的数值内,该变化度的单位为%。其中,在终端显示预置动画开始变化状态时,该变化度取值为0%;在终端显示预置动画结束变化状态时,该变化度取值为100%,在终端显示预置动画处于开始变化状态与结束变化状态之间的状态时,该变化度取值为X%,其中该X的取值范围为0到100之间的数值。
优选的,如图2所示,步骤101具体包括:
步骤201,获取贝塞尔曲线公式,其中该贝塞尔曲线公式中的参数包括步进及该至少四个控制点。以贝塞尔曲线图形的贝塞尔曲线公式为例,该贝塞尔曲线公式是贝塞尔曲线图形的步进方程,得到的是一个贝塞尔曲线图形,并将贝塞尔曲线图形设置在坐标系中,也可以利用贝塞尔曲线图形易于调整的特性,更有利于生成动画曲线。
步骤202,根据该贝塞尔曲线公式的该至少四个控制点及该步进,在预设坐标系中生成该贝塞尔曲线图形,其中该预设坐标系包括该时间坐标轴及该动画曲线控制该终端显示预置动画的变化度坐标轴。这里可以按照预置的间隔对贝塞尔曲线公式进行取点,进而方便得到曲线图形。
需要说明的是:以四个控制点的贝塞尔曲线图形为例,可以取300细分点计算变量t(t为步进且取值范围是0到1),那么t的增量为1/300;再根据已知的顶点P0、P1、P2、P3,绘制出一条三次贝塞尔曲线图形(如图6所示,使用离散的300个小号圈描绘出曲线图形)。
需要说明的是:上述贝塞尔曲线公式可以为
P(t)=P0*(1-t)3+3*P1*t*(1-t)2+3*P2*t2*(1-t)+P3*t3
其中,P0为起始点,P3为终止点,P1和P2为两个控制点,t为步进且取值范围是0到1。
本发明实施例中,通过贝塞尔曲线公式中的参数,对步进按照预置间隔取点,更有利于生成动画曲线。
步骤102,获取预置动画输出点的数量。这里的预置动画输出点的数量可以通过用户需要进行设定数量。该终端显示预置动画的数量的大小,与曲线图形及该终端显示预置动画的变化状态符合预定标准动画变化状态有关,该预置动画输出点的数量越大,越接近曲线图形,也越能使得曲线图形控制该终端显示预置动画的变化状态越接近预定标准动画变化状态,这样通过取较大数量的预置动画输出点,确定出该终端显示预置动画的变化状态符合预定标准动画变化状态。
优选的,步骤102具体为:根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取该预置动画输出点的数量。
上述预置帧率及预置动画播放时间的确定,均与用户需求的标准动画效果有关系,一般用户需求的标准动画效果越高,则要求的帧率越大,对应的动画刷新越快。本发明实施例的上述预置帧率及预置动画具体举例,上述预置帧率可以为60帧/秒,预置动画播放时间为350ms,计算出预置动画输出点的数量为60*350/1000=21。该算法并不唯一,从而防止了用户随意取点不符合该动画曲线的特点,影响后续曲线图形控制该终端显示预置动画的变化状态。
步骤103,根据该预置动画输出点的数量及该曲线图形,确定每个预置动画输出点位于该曲线图形上的坐标值。
本步骤中,在确定的预置动画输出点的数量为M个之后,在曲线图形上取M个图形点的坐标值,作为预置动画输出点的坐标值,其中M的取值范围为10至300之间,这样通过在曲线图形上图形点的坐标值,来确定每个预置动画输出点的坐标值,使得每个预置动画输出点量化,不仅提高了每个预置动画输出点的精准度,而且存储每个预置动画输出点的坐标值较为方便,为后续生成动画曲线做好基础。
还有,通过曲线图形的图形点的坐标值,确定预置动画输出点的坐标值时,确定调整该贝塞尔曲线图形起始端的控制点位于该时间坐标轴大于零的区域,由于正常生活中的时间不会小于零,因此预置动画输出点的坐标值符合日常应用需要。
优选的,如图3所示,步骤103具体为:
步骤301,获取位于该曲线图形上N个动画输出点的坐标值,其中该N大于2。
这里的N一般越大越好,但是由于考虑到设备的负担,因此N的取值可以在300到800之间,不仅可以得到合适的预置动画输出点,而且也减轻了设备的负担。
步骤302,确定N个动画输出点的N-1个间隔为预置动画输出点。
这里的确定N-1个预置动画输出点,是为了通过N个动画输出点的坐标值,确定出更准确的预置动画输出点的坐标值。
步骤303,将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于该曲线图形上的坐标值。
需要说明的是:如图6中取小号圈数量为300个(即,N为300),图中大号圈P作为预置动画输出点(相对于时间轴,位于两个连续的小号圈(A,B)之间),因此可以近似地将P点作为A,B的中点,从而可以计算出P点的纵坐标值,即
Py=(Ay+By)/2
而当小号圈数量越多,则近似程度越精确,从而可以相对准确的计算出大号圈P的坐标值。
本发明实施例中,通过近似取预置动画输出点,可以提高预置动画输出点的准确率,使得通过描绘预置动画输出点得到的图形与曲线图形相近似。由于该曲线图形需要控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态,因此将近似取预置动画输出点的坐标值,方便后续存储;直接用存储的预置动画输出点的坐标值,更快速的近似描绘出动画曲线,用户可以通过该曲线图形得到终端显示预置动画的变化状态符合预定标准动画变化状态,以方便用户使用。
步骤104,在检测到该曲线图形控制该终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
这里需要说明的是:将步骤104中的每个预置动画输出点位于该曲线图形上的坐标值进行保存,利用预置动画输出点的坐标值近似描绘出曲线图形。
上述预定标准动画变化状态为终端显示预置动画从开始变化状态到结束变化状态过程。在这一过程中,动画符合物理世界的运动感,使得用户体验效果较好。其中,预定标准动画变化状态包括动画像素的由起始位移到终点位移的过程,也可以是指动画的开始放大到停止放大或动画的开始缩小到停止最小的过程,还可以是动画的开始旋转到停止旋转的过程。
优选的,如图4所示,步骤104具体包括:
步骤401,将该每个预置动画输出点位于该曲线图形上的坐标值,生成一个可扩展标记语言XML文件。
这里的XML(ExtensibleMarkupLanguage,可扩展标记语言)文件是为了方便其他人员使用时的存储、写入和读出等操作,以重现动画曲线,最终通过该曲线图形得到终端显示预置动画的变化状态符合预定标准动画变化状态,其他任何类型能够实现存储、写入和读出等操作的文件均属于本发明实施例的保护范围,在此不一一举例。
步骤402,根据该XML文件的每个动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。这里曲线图形需要控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态时,输出预置动画输出点,然后后续其他人员在使用时,可以直接通过预置动画输出点,再现控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态的曲线图形。
本发明实施例中,可以实现设计与开发的完全分离,对于设计人员来说,可以将控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态的曲线图形的预置动画输出点的坐标值的输出,而对于后续使用终端来说,可以通过该预置动画输出点的坐标值,将动画曲线再现对应的动画效果。
本发明第一实施例中,通过调整至少四个控制点,确定生成多种曲线图像,从而可以确定多个控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形,从而满足多种UI动画需求;还通过确定预置动画输出点的坐标值,将该预置动画输出点的坐标值保存,利用该预置动画输出点的坐标值描绘出控制终端预置动画的变化状态符合预定标准动画变化状态的曲线图形,方便不同的用户使用,方便快捷的得到更好的动画变化状态的体验效果。
本发明第一实施例的具体应用实例。
终端上滑动页面浏览新闻,这个滑动达到的动画变化状态是通过曲线图形控制终端显示预置动画的变化状态符合预定标准动画变化状态。
优选的,如图5所示,该生成动画曲线的方法还包括:
步骤501,在检测到该曲线图形控制该终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点。
本步骤中,由于曲线的曲率变化越大,对应的曲线图形控制的该终端显示预置动画的变化状态就会明显,因此比起控制生成曲线图形起始端的控制点及控制生成该曲线图形末尾端的控制点的作用,调整曲率控制点的作用更明显,会更有效的得到所需的曲线图形。
步骤502,根据调整后的至少两个曲率控制点,更新该曲线图形。在曲线图形控制该终端显示预置动画的变化状态不符合预定标准动画变化状态时,多次更新调整,直至更新为符合预定标准动画变化状态的曲线图形,这样可以快速修改,生成合适的曲线形态,操作简单快捷。
本发明实施例中,通过至少两个曲率控制点,得到多种形态的曲线,以便更新该曲线图形,方便了调整及更新,也提高了UI动画曲线的生成效率。
第二实施例
如图7所示,为本发明实施例生成动画曲线的具体实施过程的实施例流程图。下面结合该图并结合图6及图8,以四个控制点的贝塞尔曲线图形具体说明,根据控制点生成曲线图形的实施过程。
步骤701,(具体设定300个细分点来计算步进t,那么t的增量为1/300)根据已知的第一控制点P0,第三控制点P1、第四控制点P2、第二控制点P3及三次贝塞尔曲线图形的计算公式,用300个离散的细分点绘制出三次贝塞尔曲线图形。
步骤702,根据预置动画播放时间为350MS和预置动画帧率为60帧/每秒,计算出动画输出点数量,即608350/1000=21。
步骤703,将图6中大号圈P作为A,B之间的中点,计算出P点的纵坐标,即
Py=(Ay+By)/2
步骤704,运行程序对应的动画效果,并反复调整P1和P2两个控制点,直至动画符合预定标准动画效果。
步骤705,在检测到该曲线图形控制该终端显示预置动画的变化状态符合预定标准动画变化状态时,确定每个预置动画输出点位于该曲线图形上的坐标,并导出所有大号圈的坐标值至外部文件。
步骤706,用该外部文件载入动画曲线(如图8所示),以重现动画效果。
本发明第二实施例中,通过调节P1及P2两个控制点,控制生成贝塞尔曲线图形,以使控制终端显示预置动画的变化度,符合预定标准动画效果。
第三实施例
如图9所示,为本发明实施例生成动画曲线的具体实施过程的实施例结构图。下面结合该图并结合图10及图11具体说明该终端的实施过程。
如图9所示,本发明实施例的终端,包括:
获取生成模块901,用于获取至少四个控制点,并根据该至少四个控制点生成曲线图形,其中,该至少四个控制点包括分别控制生成该曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,该曲线图形的第一坐标轴为时间坐标轴,该曲线图形的第二坐标轴为该动画曲线控制该终端显示预置动画的变化度坐标轴。
这里的获取生成模块901中的曲率控制点的数目与曲线图形上的曲率有关系。一般曲率控制点的数目越多,对应的曲线图形的曲率变化就越多,使得整个曲线图形弯曲程度各不相同,对应的曲线图形控制的该终端显示预置动画的变化状态,就会有预置动画的多种不同的变化状态,以方便用户选择。
本发明实施例中的曲线图形优选为贝塞尔曲线图形,贝塞尔曲线图形的至少四个控制点包括控制生成该贝塞尔曲线图形起始端的控制点、控制生成该贝塞尔曲线图形末尾端的控制点,以及控制生成不同曲率的中间贝塞尔曲线图形的至少两个曲率控制点,该中间贝塞尔曲线图形为该起始端与该末尾端之间曲线图形,其中该贝塞尔末端曲率为零。该贝塞尔曲线图形具有易于调整的特性,可以通过贝塞尔曲线图形至少四个控制点实现对曲线图形的调整,从而生成控制终端显示预置动画的变化状态符合预定标准动画变化状态的任意曲线图形,并且在调整曲线图形时,可以边调整边看调整的曲线图形是否符合条件,在不符合时,可以及时调整,从而提高了UI动画曲线的生成效率。
优选地,该曲线图形为贝塞尔曲线图形,该至少四个控制点的数目为六个时,这里的六个控制点包括控制生成该贝塞尔曲线图形起始端的控制点、控制生成该贝塞尔曲线图形末尾端的控制点,以及控制生成不同曲率的中间贝塞尔曲线图形的四个曲率控制点,该中间贝塞尔曲线图形为该起始端与该末尾端之间曲线图形,其中该贝塞尔末端曲率为零。这里的四个曲率控制点可以利用贝塞尔曲线图形的3次方公式计算,这样不仅可以通过减少计算的复杂度来减轻设备负荷,也可以生成控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形。
上述预置动画是根据用户需求设定的一个动画。上述终端显示预置动画的变化度在0%至100%的数值内,该变化度的单位为%。其中,在终端显示预置动画开始变化状态时,该变化度取值为0%;在终端显示预置动画结束变化状态时,该变化度取值为100%,在终端显示预置动画处于开始变化状态与结束变化状态之间的状态时,该变化度取值为X%,其中该X的取值范围为0到100之间的数值。
优选的,如图10所示,该获取生成模块901包括:
第一获取单元9011,用于获取贝塞尔曲线公式,其中该贝塞尔曲线公式中的参数包括步径及该至少四个控制点。
第一生成单元9012,用于根据该贝塞尔曲线公式的该至少四个控制点及该步径,在预设坐标系中生成该贝塞尔曲线图形,其中该预设坐标系包括该时间坐标轴及该动画曲线控制该终端显示预置动画的变化度坐标轴。这里可以按照预置的间隔对贝塞尔曲线公式进行取点,进而方便得到曲线图形。
本发明实施例中,通过贝塞尔曲线公式中的参数,对步径按照预置间隔取点,更有利于生成动画曲线。
获取模块902,用于获取预置动画输出点的数量。这里的获取模块902中的预置动画输出点的数量可以通过用户需要进行设定数量。该终端显示预置动画的数量的大小,与曲线图形及该终端显示预置动画的变化状态符合预定标准动画变化状态有关,该预置动画输出点的数量越大,越接近曲线图形,也越能使得曲线图形控制该终端显示预置动画的变化状态越接近预定标准动画变化状态,这样通过取较大数量的预置动画输出点,确定出该终端显示预置动画的变化状态符合预定标准动画变化状态。
优选的,如图10所示,该获取模块902包括:
获取子模块9021,用于根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取该预置动画输出点的数量。
上述预置帧率及预置动画播放时间的确定,均与用户需求的标准动画效果有关系,一般用户需求的标准动画效果越高,则要求的帧率越大,对应的动画刷新越快。
本发明实施例中,从而防止了用户随意取点不符合该动画曲线的特点,影响后续曲线图形控制该终端显示预置动画的变化状态。
确定模块903,用于根据该预置动画输出点的数量及该曲线图形,确定每个预置动画输出点位于该曲线图形上的坐标值。
需要说明的是:在确定的预置动画输出点的数量为M个之后,在曲线图形上取M个图形点的坐标值,作为预置动画输出点的坐标值,其中M的取值范围为10至300之间,这样通过在曲线图形上图形点的坐标值,来确定每个预置动画输出点的坐标值,使得每个预置动画输出点量化,不仅提高了每个预置动画输出点的精准度,而且存储每个预置动画输出点的坐标值较为方便,为后续生成动画曲线做好基础。
还有,通过曲线图形的图形点的坐标值,确定预置动画输出点的坐标值时,确定调整该贝塞尔曲线图形起始端的控制点位于该时间坐标轴大于零的区域,由于正常生活中的时间不会小于零,因此预置动画输出点的坐标值符合日常应用需要。
优选的,如图10所示,该确定模块903包括:
第二获取单元9031,用于获取位于该曲线图形上N个动画输出点的坐标,其中该N大于2。
这里的N一般越大越好,但是由于考虑到设备的负担,因此N的取值可以在300到800之间,不仅可以得到合适的预置动画输出点,而且也减轻了设备的负担。
第一确定单元9032,用于确定N个动画输出点的N-1个间隔为预置动画输出点。
这里的确定N-1个预置动画输出点,是为了通过N个动画输出点的坐标,更加准确的确定预置动画输出点的坐标。
第二确定单元9033,用于将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于该曲线图形上的坐标值。
本发明实施例中,通过近似取预置动画输出点,可以提高预置动画输出点的准确率,使得通过描绘预置动画输出点得到的图形与曲线图形相近似。由于该曲线图形需要控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态,因此将近似取预置动画输出点的坐标值,方便后续存储;直接用存储的预置动画输出点的坐标值,更快速的近似描绘出动画曲线,用户可以通过该曲线图形得到终端显示预置动画的变化状态符合预定标准动画变化状态,以方便用户使用。
确定生成模块904,用于在检测到该曲线图形控制该终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
这里确定生成模块904中,这里需要说明的是:每个预置动画输出点位于该曲线图形上的坐标值进行保存,利用预置动画输出点的坐标值近似描绘出曲线图形。
上述预定标准动画变化状态为终端显示预置动画从开始变化状态到结束变化状态过程。其中,预定标准动画变化状态包括动画像素的由起始位移到终点位移的过程,也可以是指动画的开始放大到停止放大或动画的开始缩小到停止最小的过程,还可以是动画的开始旋转到停止旋转的过程。
优选的,如图10所示,该确定生成模块904包括:
第二生成单元9041,用于将该每个预置动画输出点位于该曲线图形上的坐标值,生成一个可扩展标记语言XML文件。
这里的XML文件是为了方便其他人员使用时的存储、写入和读出等操作,以重现动画效果,其他任何类型能够实现存储、写入和读出等操作的文件均属于本发明实施例的保护范围,在此不一一举例。
解析生成单元9042,用于根据该XML文件的每个动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
本发明实施例中,可以实现设计与开发的完全分离,对于设计人员来说,可以将控制该终端显示预置动画的变化状态达到符合预定标准动画变化状态的曲线图形的预置动画输出点的坐标值的输出,而对于后续使用终端来说,可以通过该预置动画输出点的坐标值,将动画曲线再现对应的动画效果。
本发明第三实施例中,通过调整至少四个控制点,确定生成多种曲线图像,从而可以确定多个控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形,从而满足多种UI动画需求;还通过确定预置动画输出点的坐标值,将该预置动画输出点的坐标值保存,利用该预置动画输出点的坐标值描绘出控制终端预置动画的变化状态符合预定标准动画变化状态的曲线图形,方便不同的用户使用,方便快捷的得到更好动画变化状态的体验效果。
优选的,如图11所示,该终端还包括:
调整模块1101,用于在检测到该曲线图形控制该终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点。
更新模块1102,用于根据调整后的至少两个曲率控制点,更新该曲线图形。
本发明实施例中,通过至少两个曲率控制点,得到多种形态的曲线,以便更新该曲线图形,方便了调整及更新,也提高了UI动画曲线的生成效率。
需要说明的是,本发明提供的终端是应用生成动画曲线的方法,则上述生成动画曲线的方法的所有实施例均适用于该终端,且均能达到相同或相似的有益效果。
需要说明的是,该终端可以应用于是数码相机、智能手机、平板电脑等智能设备,在此不再详述。本发明实施例的上述生成动画曲线的方法,也可以应用在插值器中,从而将动画曲线的函数公式封装在插值器中,以方便将插值器设置在任何设备中,提供了插值器的广泛应用性,直接用存储的预置动画输出点的坐标值,更快速的近似描绘出动画曲线,用户可以通过该曲线图形得到终端显示预置动画的变化状态符合预定标准动画变化状态,以方便用户使用。
第四实施例
如图12所示,为本发明实施例的终端的内部实体结构框图。下面结合该图具体说明本发明的生成动画曲线的方法的应用实体。
如图12所示的终端1200包括:至少一个处理器1201、存储器1202、至少一个网络接口1204和其他用户接口1203。终端1200中的各个组件通过总线系统1205耦合在一起。可理解,总线系统1205用于实现这些组件之间的连接通信。总线系统1205除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图12中将各种总线都标为总线系统1205。
其中,用户接口1203可以包括显示器、键盘或者点击设备(例如,鼠标,轨迹球(trackball)、触感板或者触摸屏等。
可以理解,本发明实施例中的存储器1202可以是易失性存储器或非易失性存储器,或可包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-OnlyMemory,ROM)、可编程只读存储器(ProgrammableROM,PROM)、可擦除可编程只读存储器(ErasablePROM,EPROM)、电可擦除可编程只读存储器(ElectricallyEPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(RandomAccessMemory,RAM),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM可用,例如静态随机存取存储器(StaticRAM,SRAM)、动态随机存取存储器(DynamicRAM,DRAM)、同步动态随机存取存储器(SynchronousDRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(DoubleDataRateSDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(EnhancedSDRAM,ESDRAM)、同步连接动态随机存取存储器(SynchlinkDRAM,SLDRAM)和直接内存总线随机存取存储器(DirectRambusRAM,DRRAM)。本文描述的系统和方法的存储器1202旨在包括但不限于这些和任意其它适合类型的存储器。
在一些实施方式中,存储器1202存储了如下的元素,可执行模块或者数据结构,或者他们的子集,或者他们的扩展集:操作系统12021和应用程序12022。
其中,操作系统12021,包含各种系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务。应用程序12022,包含各种应用程序,例如媒体播放器(MediaPlayer)、浏览器(Browser)等,用于实现各种应用业务。实现本发明实施例方法的程序可以包含在应用程序12022中。
在本发明实施例中,通过调用存储器1202存储的程序或指令,具体的可以是在应用程序12022中存储的程序或指令,处理器1201用于获取至少四个控制点,并根据该至少四个控制点生成曲线图形,其中,该至少四个控制点包括分别控制生成该曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,该曲线图形的第一坐标轴为时间坐标轴,该曲线图形的第二坐标轴为该动画曲线控制该终端显示预置动画的变化度坐标轴;获取预置动画输出点的数量;根据该预置动画输出点的数量及该曲线图形,确定每个预置动画输出点位于该曲线图形上的坐标值;在检测到该曲线图形控制该终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
上述本发明实施例揭示的方法可以应用于处理器1201中,或者由处理器1201实现。处理器1201可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器1201中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器1201可以是通用处理器、数字信号处理器(DigitalSignalProcessor,DSP)、专用集成电路(ApplicationSpecificIntegratedCircuit,ASIC)、现成可编程门阵列(FieldProgrammableGateArray,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器1202,处理器1201读取存储器1202中的信息,结合其硬件完成上述方法的步骤。
可以理解的是,本文描述的这些实施例可以用硬件、软件、固件、中间件、微码或其组合来实现。对于硬件实现,处理单元可以实现在一个或多个专用集成电路(ApplicationSpecificIntegratedCircuits,ASIC)、数字信号处理器(DigitalSignalProcessing,DSP)、数字信号处理设备(DSPDevice,DSPD)、可编程逻辑设备(ProgrammableLogicDevice,PLD)、现场可编程门阵列(Field-ProgrammableGateArray,FPGA)、通用处理器、控制器、微控制器、微处理器、用于执行本申请该功能的其它电子单元或其组合中。
对于软件实现,可通过执行本文该功能的模块(例如过程、函数等)来实现本文该的技术。软件代码可存储在存储器中并通过处理器执行。存储器可以在处理器中或在处理器外部实现。
可选地,处理器1201还用于:
在检测到该曲线图形控制该终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点;根据调整后的至少两个曲率控制点,更新该曲线图形,其中该曲线图形为贝塞尔曲线图形。
可选地,处理器1201还用于:获取贝塞尔曲线公式,其中该贝塞尔曲线公式中的参数包括步进及该至少四个控制点;根据该贝塞尔曲线公式的该至少四个控制点及该步进,在预设坐标系中生成该贝塞尔曲线图形,其中该预设坐标系包括该时间坐标轴及该动画曲线控制该终端显示预置动画的变化度坐标轴。
可选地,处理器1201还用于:
根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取该预置动画输出点的数量。
可选地,处理器1201还用于:
获取位于该曲线图形上N个动画输出点的坐标,其中该N大于2;确定N个动画输出点的N-1个间隔为预置动画输出点;将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于该曲线图形上的坐标值。
可选地,处理器1201还用于:
将该每个预置动画输出点位于该曲线图形上的坐标值,生成一个可扩展标记语言XML文件;根据该XML文件的每个动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
终端1200能够实现前述实施例中终端实现的各个过程,为避免重复,这里不再赘述。使用此种生成动画曲线的方法的终端,本发明实施例中,通过调整至少四个控制点,确定生成多种曲线图像,从而可以确定多个控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形,从而满足多种UI动画需求;还通过确定预置动画输出点的坐标值,将该预置动画输出点的坐标值保存,利用该预置动画输出点的坐标值描绘出控制终端预置动画的变化状态符合预定标准动画变化状态的曲线图形,方便不同的用户使用,方便快捷的得到更好的动画变化状态的体验效果。
第五实施例
图13是本发明实施例的终端的结构示意图。具体地,图13中的终端可以为手机、平板电脑、个人数字助理(PersonalDigitalAssistant,PDA)、或车载电脑等。
图13中的终端包括射频(RadioFrequency,RF)电路1310、存储器1320、输入单元1330、显示单元1340、处理器1360、音频电路1370、WiFi(WirelessFidelity)模块1380和电源1390。
其中,输入单元1330可用于接收用户输入的数字或字符信息,以及产生与终端的用户设置以及功能控制有关的信号输入。具体地,本发明实施例中,该输入单元1330可以包括触控面板1331。触控面板1331,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1331上的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板1331可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给该处理器1360,并能接收处理器1360发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1331。除了触控面板1331,输入单元1330还可以包括其他输入设备1332,其他输入设备1332可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
其中,显示单元1340可用于显示由用户输入的信息或提供给用户的信息以及终端的各种菜单界面。显示单元1340可包括显示面板1341,可选的,可以采用LCD或有机发光二极管(OrganicLight-EmittingDiode,OLED)等形式来配置显示面板1341。
应注意,触控面板1331可以覆盖显示面板1341,形成触摸显示屏,当该触摸显示屏检测到在其上或附近的触摸操作后,传送给处理器1360以确定触摸事件的类型,随后处理器1360根据触摸事件的类型在触摸显示屏上提供相应的视觉输出。
触摸显示屏包括应用程序界面显示区及常用控件显示区。该应用程序界面显示区及该常用控件显示区的排列方式并不限定,可以为上下排列、左右排列等可以区分两个显示区的排列方式。该应用程序界面显示区可以用于显示应用程序的界面。每一个界面可以包含至少一个应用程序的图标和/或widget桌面控件等界面元素。该应用程序界面显示区也可以为不包含任何内容的空界面。该常用控件显示区用于显示使用率较高的控件,例如,设置按钮、界面编号、滚动条、电话本图标等应用程序图标等。
其中处理器1360是终端的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在第一存储器1321内的软件程序和/或模块,以及调用存储在第二存储器1322内的数据,执行终端的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器1360可包括一个或多个处理单元。
在本发明实施例中,通过调用存储该第一存储器1321内的软件程序和/或模块和/或该第二存储器1322内的数据,处理器1360用于获取至少四个控制点,并根据该至少四个控制点生成曲线图形,其中,该至少四个控制点包括分别控制生成该曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,该曲线图形的第一坐标轴为时间坐标轴,该曲线图形的第二坐标轴为该动画曲线控制该终端显示预置动画的变化度坐标轴;获取预置动画输出点的数量;根据该预置动画输出点的数量及该曲线图形,确定每个预置动画输出点位于该曲线图形上的坐标值;在检测到该曲线图形控制该终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
可选地,处理器1360还用于:
在检测到该曲线图形控制该终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点;根据调整后的至少两个曲率控制点,更新该曲线图形,其中该曲线图形为贝塞尔曲线图形。
可选地,处理器1360还用于:获取贝塞尔曲线公式,其中该贝塞尔曲线公式中的参数包括步进及该至少四个控制点;根据该贝塞尔曲线公式的该至少四个控制点及该步进,在预设坐标系中生成该贝塞尔曲线图形,其中该预设坐标系包括该时间坐标轴及该动画曲线控制该终端显示预置动画的变化度坐标轴。
可选地,处理器1360还用于:
根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取该预置动画输出点的数量。
可选地,处理器1360还用于:
获取位于该曲线图形上N个动画输出点的坐标,其中该N大于2;确定N个动画输出点的N-1个间隔为预置动画输出点;将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于该曲线图形上的坐标值。
可选地,处理器1360还用于:
将该每个预置动画输出点位于该曲线图形上的坐标值,生成一个可扩展标记语言XML文件;根据该XML文件的每个动画输出点位于该曲线图形上的坐标值,确定控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
终端能够实现前述实施例中终端实现的各个过程,为避免重复,这里不再赘述。使用此种生成动画曲线的方法的终端,本发明实施例中,通过调整至少四个控制点,确定生成多种曲线图像,从而可以确定多个控制该终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形,从而满足多种UI动画需求;还通过确定预置动画输出点的坐标值,将该预置动画输出点的坐标值保存,利用该预置动画输出点的坐标值描绘出控制终端预置动画的变化状态符合预定标准动画变化状态的曲线图形,方便不同的用户使用,方便快捷的得到更好的动画变化状态的体验效果。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
以上该是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明该原理的前提下,还可以作出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (14)
1.一种生成动画曲线的方法,应用于终端,其特征在于,包括:
获取至少四个控制点,并根据所述至少四个控制点生成曲线图形,其中,所述至少四个控制点包括分别控制生成所述曲线图形起始端和末尾端的两个控制点,以及控制生成曲线图形具有不同曲率的至少两个曲率控制点,所述曲线图形的第一坐标轴为时间坐标轴,所述曲线图形的第二坐标轴为所述动画曲线控制所述终端显示预置动画的变化度坐标轴;
获取预置动画输出点的数量;
根据所述预置动画输出点的数量及所述曲线图形,确定每个预置动画输出点位于所述曲线图形上的坐标值;
在检测到所述曲线图形控制所述终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
2.根据权利要求1所述的生成动画曲线的方法,其特征在于,还包括:
在检测到所述曲线图形控制所述终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点;
根据调整后的至少两个曲率控制点,更新所述曲线图形。
3.根据权利要求1或2所述的生成动画曲线的方法,其特征在于,所述曲线图形为贝塞尔曲线图形。
4.根据权利要求3所述的生成动画曲线的方法,其特征在于,所述获取至少四个控制点,并根据所述至少四个控制点生成曲线图形,具体包括:
获取贝塞尔曲线公式,其中所述贝塞尔曲线公式中的参数包括步进及所述至少四个控制点;
根据所述贝塞尔曲线公式的所述至少四个控制点及所述步进,在预设坐标系中生成所述贝塞尔曲线图形,其中所述预设坐标系包括所述时间坐标轴及所述动画曲线控制所述终端显示预置动画的变化度坐标轴。
5.根据权利要求1或2所述的生成动画曲线的方法,其特征在于,所述获取预置动画输出点的数量,具体为:
根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取所述预置动画输出点的数量。
6.根据权利要求1或2所述的生成动画曲线的方法,其特征在于,所述根据所述预置动画输出点的数量及所述曲线图形,确定每个预置动画输出点位于所述曲线图形上的坐标值,具体包括:
获取位于所述曲线图形上N个动画输出点的坐标值,其中所述N大于2;
确定N个动画输出点的N-1个间隔为预置动画输出点;
将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于所述曲线图形上的坐标值。
7.根据权利要求1或2所述的生成动画曲线的方法,其特征在于,所述在检测到所述曲线图形控制所述终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线,具体包括:
将所述每个预置动画输出点位于所述曲线图形上的坐标值,生成一个可扩展标记语言XML文件;
根据所述XML文件的每个动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
8.一种终端,其特征在于,包括:
获取生成模块,用于获取至少四个控制点,并根据所述至少四个控制点生成曲线图形,其中,所述至少四个控制点包括控制生成所述曲线图形起始端的控制点、控制生成所述曲线图形末尾端的控制点,以及控制生成不同曲率的中间曲线图形的至少两个曲率控制点,所述中间曲线图形为所述起始端与所述末尾端之间曲线图形,所述曲线图形的第一坐标轴为时间坐标轴,所述曲线图形的第二坐标轴为所述动画曲线控制所述终端显示预置动画的变化度坐标轴;
获取模块,用于获取预置动画输出点的数量;
确定模块,用于根据所述预置动画输出点的数量及所述曲线图形,确定每个预置动画输出点位于所述曲线图形上的坐标值;
确定生成模块,用于在检测到所述曲线图形控制所述终端显示预置动画的变化状态符合预定标准动画变化状态时,根据每个预置动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
9.根据权利要求8所述的终端,其特征在于,还包括:
调整模块,用于在检测到所述曲线图形控制所述终端显示预置动画的变化状态不符合预定标准动画变化状态时,调整至少两个曲率控制点;
更新模块,用于根据调整后的至少两个曲率控制点,更新所述曲线图形。
10.根据权利要求8或9所述的终端,其特征在于,所述曲线图形为贝塞尔曲线图形。
11.根据权利要求10所述的终端,其特征在于,所述获取生成模块包括:
第一获取单元,用于获取贝塞尔曲线公式,其中所述贝塞尔曲线公式中的参数包括步进及所述至少四个控制点;
第一生成单元,用于根据所述贝塞尔曲线公式的所述至少四个控制点及所述步进,在预设坐标系中生成所述贝塞尔曲线图形,其中所述预设坐标系包括所述时间坐标轴及所述动画曲线控制所述终端显示预置动画的变化度坐标轴。
12.根据权利要求8或9所述的终端,其特征在于,所述获取模块包括:
获取子模块,用于根据预置动画播放时间和预置帧率,计算出动画输出点的数量,并获取所述预置动画输出点的数量。
13.根据权利要求8或9所述的终端,其特征在于,所述确定模块包括:
第二获取单元,用于获取位于所述曲线图形上N个动画输出点的坐标值,其中所述N大于2;
第一确定单元,用于确定N个动画输出点的N-1个间隔为预置动画输出点;
第二确定单元,用于将每个相邻的间隔取平均值,确定N-1个预置动画输出点位于所述曲线图形上的坐标值。
14.根据权利要求8或9所述的终端,其特征在于,所述确定生成模块包括:
第二生成单元,用于将所述每个预置动画输出点位于所述曲线图形上的坐标值,生成一个可扩展标记语言XML文件;
解析生成单元,用于根据所述XML文件的每个动画输出点位于所述曲线图形上的坐标值,确定控制所述终端显示预置动画的变化状态符合预定标准动画变化状态的曲线图形为动画曲线。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510864606.4A CN105825537B (zh) | 2015-11-30 | 2015-11-30 | 一种生成动画曲线的方法及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510864606.4A CN105825537B (zh) | 2015-11-30 | 2015-11-30 | 一种生成动画曲线的方法及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105825537A true CN105825537A (zh) | 2016-08-03 |
CN105825537B CN105825537B (zh) | 2017-10-13 |
Family
ID=56514972
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510864606.4A Active CN105825537B (zh) | 2015-11-30 | 2015-11-30 | 一种生成动画曲线的方法及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105825537B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106952322A (zh) * | 2017-03-17 | 2017-07-14 | 福建中金在线信息科技有限公司 | 一种用于百分比数字的水波纹渲染方法及装置 |
CN107767429A (zh) * | 2016-08-18 | 2018-03-06 | 阿里巴巴集团控股有限公司 | 曲线生成方法及设备 |
CN107945253A (zh) * | 2017-11-21 | 2018-04-20 | 腾讯数码(天津)有限公司 | 一种动画效果实现方法、装置及存储设备 |
CN108388465A (zh) * | 2018-03-15 | 2018-08-10 | 广州优视网络科技有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN109130855A (zh) * | 2018-08-03 | 2019-01-04 | 浙江中科领航汽车电子有限公司 | 一种液晶仪表显示元素渐变效果的辅助方法、系统及装置 |
CN109829956A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技(深圳)有限公司 | 数据显示方法、装置及电子设备 |
CN110678876A (zh) * | 2017-05-22 | 2020-01-10 | Tvs电机股份有限公司 | 速度计显示器 |
CN111273802A (zh) * | 2018-12-19 | 2020-06-12 | 深圳市鸿合创新信息技术有限责任公司 | 一种在屏幕上移动对象的方法及触摸显示装置 |
CN111857690A (zh) * | 2020-07-29 | 2020-10-30 | 北京字节跳动网络技术有限公司 | 一种动画效果的调试方法、装置、计算机设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080062162A1 (en) * | 2006-09-08 | 2008-03-13 | Norio Mamba | Display device |
US20100156902A1 (en) * | 2008-12-22 | 2010-06-24 | Electronics And Telecommunications Research Institute | Method and apparatus for generating graphic hair motion |
CN102298787A (zh) * | 2011-08-08 | 2011-12-28 | 深圳市万兴软件有限公司 | 动画对象运动的控制方法及系统 |
CN102393968A (zh) * | 2011-07-08 | 2012-03-28 | 浙江大学 | 一种几何精确的不可拉伸条带模拟方法 |
CN104639725A (zh) * | 2013-11-08 | 2015-05-20 | 腾讯科技(深圳)有限公司 | 界面切换方法及装置 |
CN104700444A (zh) * | 2015-03-10 | 2015-06-10 | 上海鸿利数码科技有限公司 | 一种图片动画的实现方法 |
CN104867172A (zh) * | 2015-05-28 | 2015-08-26 | 大连理工大学 | 一种实现刚体运动的方法 |
-
2015
- 2015-11-30 CN CN201510864606.4A patent/CN105825537B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080062162A1 (en) * | 2006-09-08 | 2008-03-13 | Norio Mamba | Display device |
US20100156902A1 (en) * | 2008-12-22 | 2010-06-24 | Electronics And Telecommunications Research Institute | Method and apparatus for generating graphic hair motion |
CN102393968A (zh) * | 2011-07-08 | 2012-03-28 | 浙江大学 | 一种几何精确的不可拉伸条带模拟方法 |
CN102298787A (zh) * | 2011-08-08 | 2011-12-28 | 深圳市万兴软件有限公司 | 动画对象运动的控制方法及系统 |
CN104639725A (zh) * | 2013-11-08 | 2015-05-20 | 腾讯科技(深圳)有限公司 | 界面切换方法及装置 |
CN104700444A (zh) * | 2015-03-10 | 2015-06-10 | 上海鸿利数码科技有限公司 | 一种图片动画的实现方法 |
CN104867172A (zh) * | 2015-05-28 | 2015-08-26 | 大连理工大学 | 一种实现刚体运动的方法 |
Non-Patent Citations (1)
Title |
---|
王颖志: "《浅析关键帧动画曲线的应用》", 《电视字幕(特技与动画)》 * |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107767429A (zh) * | 2016-08-18 | 2018-03-06 | 阿里巴巴集团控股有限公司 | 曲线生成方法及设备 |
CN107767429B (zh) * | 2016-08-18 | 2021-11-16 | 阿里巴巴集团控股有限公司 | 曲线生成方法及设备 |
CN106952322A (zh) * | 2017-03-17 | 2017-07-14 | 福建中金在线信息科技有限公司 | 一种用于百分比数字的水波纹渲染方法及装置 |
CN110678876A (zh) * | 2017-05-22 | 2020-01-10 | Tvs电机股份有限公司 | 速度计显示器 |
CN110678876B (zh) * | 2017-05-22 | 2023-10-27 | Tvs电机股份有限公司 | 速度计显示器 |
CN107945253A (zh) * | 2017-11-21 | 2018-04-20 | 腾讯数码(天津)有限公司 | 一种动画效果实现方法、装置及存储设备 |
CN109829956A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技(深圳)有限公司 | 数据显示方法、装置及电子设备 |
CN108388465A (zh) * | 2018-03-15 | 2018-08-10 | 广州优视网络科技有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN108388465B (zh) * | 2018-03-15 | 2021-04-23 | 阿里巴巴(中国)有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN109130855A (zh) * | 2018-08-03 | 2019-01-04 | 浙江中科领航汽车电子有限公司 | 一种液晶仪表显示元素渐变效果的辅助方法、系统及装置 |
CN111273802A (zh) * | 2018-12-19 | 2020-06-12 | 深圳市鸿合创新信息技术有限责任公司 | 一种在屏幕上移动对象的方法及触摸显示装置 |
CN111857690A (zh) * | 2020-07-29 | 2020-10-30 | 北京字节跳动网络技术有限公司 | 一种动画效果的调试方法、装置、计算机设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN105825537B (zh) | 2017-10-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105825537A (zh) | 一种生成动画曲线的方法及终端 | |
CN106843739A (zh) | 一种移动终端的显示控制方法及移动终端 | |
CN106125984A (zh) | 一种移动终端的触控处理方法及移动终端 | |
CN106648035A (zh) | 一种图像分辨率的调整方法及移动终端 | |
CN107203313A (zh) | 调整桌面显示对象方法、移动终端及计算机可读存储介质 | |
CN106126108A (zh) | 一种缩略图的生成方法及移动终端 | |
CN106503179A (zh) | 一种网页页面的加载方法及移动终端 | |
CN105144068A (zh) | 应用程序显示方法和终端 | |
CN105824459B (zh) | 一种文本的复制及粘贴方法和移动终端 | |
CN107193482A (zh) | 一种移动终端屏幕的操作方法及移动终端 | |
CN105161071A (zh) | 一种背光亮度的调节方法及电子设备 | |
CN107562345A (zh) | 一种信息存储方法及移动终端 | |
CN106681603A (zh) | 一种调节视频播放进度的方法及移动终端 | |
CN106445235A (zh) | 一种触摸起始位置识别方法及移动终端 | |
CN107508936A (zh) | 一种信息显示控制方法及移动终端 | |
CN106527849A (zh) | 一种调整图标位置的方法及移动终端 | |
CN106527906A (zh) | 一种截图方法及移动终端 | |
CN106445357A (zh) | 一种滑动条控件控制方法和移动终端 | |
CN106210343A (zh) | 一种移动终端屏幕亮度的调整方法及移动终端 | |
CN106648329A (zh) | 一种应用图标的显示方法及移动终端 | |
CN106648426A (zh) | 一种调节视频播放进度的方法及移动终端 | |
CN106357918A (zh) | 一种调节屏幕亮度的方法及移动终端 | |
CN106648359A (zh) | 一种调节视频播放进度的方法及移动终端 | |
CN106648242A (zh) | 一种触控操作的控制方法及移动终端 | |
CN107295218B (zh) | 一种图片处理方法及移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |