第3章-参数关键帧动画技术.ppt

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,3,章 关键帧动画技术,3.1,参数,关键帧,动画,概述,3.2,参数,关键帧,插值类型,3.3,线性,插值与非,线性,插值,3.4,插值参数的选择,关键帧插值是中间插画制作的常用手段。对于给定的两帧关键帧或组成关键帧的两组图形，可以对其颜色、位置、旋转角度等参数进行各种插值。从而产生中间的画面图像或中间帧图形。,3.1,参数关键帧动画概述,3.1,参数,关键帧动画概述,要点：,关键帧动画的基本制作方法。,参数关键帧动画技术的主要研究内容。,关键帧动画要解决的问题是参数关键帧的选取和插补算法的使用技巧。,运动的控制与调整。,通过调整插值函数来改变运动学特性。,创建动画关键帧后，关键帧之间的变化过程由程序通过数学运算自动插补。,插值的方法有多种，在动画系统中常采用样条曲线来作为动画参数曲线，通过调整曲线上动画键点的切线类型来设定关键帧入点和出点的插值属性，常见的类型如后所述。,3,.2,参数关键帧插值类型,3,.2,参数关键帧插值类型,光滑,(Smooth),类型,，,为当前关键帧创建一个光滑的插值效果。,线性,(Linear),类型,，,为当前关键帧创建一个线性的插值效果，线性的切线只影响靠近关键帧的曲线，如果要在两个关键帧之间创建完全的直线插值效果，则要将当前关键帧的出点切线和入点切线都要设定为线性的。,步进,(Step),类型,，,在两个关键帧之间创建二元的插值效果。如果将当前关键帧的入点切线设定为步进方式，则前一个关键帧的出点切线自动转变为步进方式；如果将当前关键帧的出点切线设定为步进方式，则下一个关键帧的入点切线自动转变为步进方式。,选择步进方式的切线后，当前关键帧的出点数值会一直保持，当到达下一关键帧时数值突然变化为下一关键帧指定的数值。使用这种切线方式可以创建开关动画或瞬间变化的动画效果。,3,.2,参数关键帧插值类型,减速,(Slow),类型,，,将入点切线设定为减速方式，可以创建当接近关键帧时，插值速率减慢的效果；如果是出点切线设定为减速方式，可以创建一离开关键帧时速度较慢，远离关键帧后逐渐加速的效果。,3,.2,参数关键帧插值类型,加速,(Fast),类型,，,将入点切线设定为加速方式，可以创建当接近关键帧时，插值速率加快的效果；如果是出点切线设定为加速方式，可以创建一离开关键帧时速度较快，远离关键帧后逐渐减速的效果。,3,.2,参数关键帧插值类型,用户设定,(Custom),类型,，,在关键帧的功能曲线上显示可调节的切线控制手柄，通过控制手柄可调节关键帧两侧切线的形态。,展平切线,(Flat Tangent),类型,，,在关键帧的功能曲线上显示可调节的切线控制手柄，手柄色彩与,Custom,方式不同，手柄自动进行光滑的展平切线控制。,返回,按照插值函数的类型分，插值可分为线性插值和非线性插值。,线性插值计算相对简单，计算结果也比较直观。对设定两个关键帧的情形，一般采用的线性插值算法计算中间帧。如果关键帧数目超过,2,，则要用到高次多项式的拟合方法。,3.3,线性插值和非线性插值,设：插值参数的起始值,P,0,，终点值为,P,1,则中间值的计算可用以下线性插值公式：,如果需要,n,个中间结果，则可以令,3.3.1,线性插值,t0,，,1,设颜色值采用,“,RGB”,模式表示。如已知初始的颜色值为,(R,0,G,0,B,0,),，最终的颜色值为,(R,1,G,1,B,1,),，则中间结果线性插值的颜色值计算公式为,(1),基于颜色的线性插值,例,1,：颜色线性插值示例,青蛙变白马王子,设,n=4,可插出,4,幅不同的中间图像，见下图。,基于坐标位置的线性插值具有多种形式，如基于物体中心的坐标位置插值和基于物体顶点的坐标位置插值等。设物体在第,1,个关键帧中的位置为,P,0,，,在第,2,个关键帧中的位置为,P,1,，,则物本在中间帧中的位置的线性插值计算公式为：,P(t,)=(1-t),P,0,+t,P,1,t0,1,，如果需要物体在共,n,个中间帧中的位置，则将,t=i/n+1,(i=1,2,.n),分别代入上式。,例,2,：坐标位置的线性插值,设,n=3,：,例,2,：物体坐标位置的线性插值示例,缆车的运动,P,0,P,1,坐标位置的线性插值还可以分别作用到图形的各个顶点上。下图中，原始图形是一个星形，其顶点分别为,A,0,A,1,A,15,，目标图形是一把剑，其顶点分别为,E,0,E,1,E,15,，各中间帧中的顶点分别为,B,i,C,i,D,i,，顶点位置的线性插值计算公式为：,B,i,P(t,)=(1-t),A,i,+t,E,i,t0,1,，,(i=1,2,.15),。,例,3:,物体顶点坐标位置的线性插值,例,4:,物体顶点坐标线性插值示例,从星到剑,令,0,0,，,1,=315,可以得到孙悟空在第,i,个中间帧中的顺时针旋转角度,(,),。,例,5,：基于旋转角度的线性插值,为了产生更加自然流畅的动画效果，非线性插值常常是很有必要的，它是关键帧插值的重要手段之一。经常采用,Bzier,曲线、,B,样条曲线等来进行中间值的插值计算，下面以二次,Bzier,函数曲线为例介绍非线性关键帧插值。,3.3.2,非线性插值,例,1,：孙悟空抛桃和接桃,求桃子在中间帧的位置和方向,设对象在起始关键帧的位置在,p,0,在目标关键帧的位置在,p,2,两端点的运动方向（切线方向）,V,0,、,V,1,的交点为,p,1,则该对象在中间帧的位置可以采用以下二次,Bzier,函数计算,(1),二次,Bzier,曲线进行非线性插值,如需插入,n,个中间帧，则可以令,图示：二次,Bzier,函数插值所得,为一条抛物线曲线,p,l,参数,t=0,0.25,0.5,0.75,1,时，桃子位置的变化,求桃子的旋转角度,如果将从,X,轴正向到对象的运动方向之间的角度作为该对象的旋转角度,。则通过计算二次,Bzier,函数的一阶导数，即得到对象的运动方向,参数,t=0,0.25,0.5,0.75,1,时，,桃子运动,方向的变化,采用基于二次,Bzier,曲线的关键帧插值可以很好地表示在空中只受到重力作用的物体的运动，这时物体的运动轨迹是一条抛物线，而二次,Bzier,曲线正好可以精确表示抛物线。如果采用三次,Bzier,曲线则可以插值更复杂的运动轨迹。,用作非线性插值的曲线还可以是圆弧、,B,样条和,NURBS,等曲线,这可以使插值具有更大的灵活性,对象参数的变化也可以更丰富。,非线性插值小结：,关键帧技术巳发展成为可以用来插值影响运动的任何参数。,主要步骤,(,见后,),。,插值参数和插值类型的选择。,参数关键帧技术小结,(1),确定需控制的运动参数。,(2),设置,n,个关键帧参数,(,k,i,，,P,i,),，,i=0,1,2,，,，,n-1,。,(3),采用,样条,插值技术对,n,个插值点进行 插值。,(4),对该插值样条进行离散采样求得 在某一帧时的参数值。,参数关键帧插值,的主要步骤,返回,在应用参数关键帧技术时，应注意所插值的参数，否则会产生不恰当的运动。以下两例说明了这一点。,3.4,插值参数的选择,例,1:,直线由,A,点变换,至,B,例,1:,直线由,A,点变换,至,B,插值参数的不同，可有,(,a)(b,),两种动画效果。,例,2,：,曲线运动,图,起始帧,结束帧,例,2,：,曲线运动,在起始和结束帧间插补三帧,已知：曲线,C,和,C,的拟合,函数,设想这五帧画面重叠在一起，并且曲线,C,和曲线,C,各自用四个点经过拟合或者插值得到,.,采用调配函数方法，写成,确定插值两关键帧间对应的控制点,因为,P,i,Q,i,(i,=0,1,2,3),位置已知，只要令：,当,t=0,时，,R,i,P,i,(,初始帧曲线的型值点,),当,t=1,时，,R,i,Q,i,(,终止帧曲线的型值点,),t0,，,1,确定线性插值两端点,关键帧,取,t=0.25,，,0.5,，,0.75,P,0,(2.5,8),P,1,(3.5,6),P,2,(3.5,3.5),P,3,(2,1),Q,0,(8.8,8),Q,1,(8.5,6),Q,2,(8.8,3.5),Q,3,(10,1),分别代入下式：,插值求中间控制点,得中间帧曲线拟合函数,R,2,(3),绘制,曲线,P0,(2.5,8),P1,(3.5,6),P2,(3.5,3.5),P3,(2,1),Q0,(8.8,8),Q1,(8.5,6),Q2,(8.8,3.5),Q3,(10,1),