`
jiajun_yang
  • 浏览: 9539 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

动画曲线总结

阅读更多

                                               

      研究原因:希望作出一条类似android OvershootInterpolator 的动画曲线,OvershootInterpolator 动画曲线的不足之处就是感觉前期过快,后期过慢,虽然可以调Tension值,但tension值过小,过头量也会过小,不符合需求。

 

      先分析一下OvershootInterpolator 的动画曲线:

      OvershootInterpolator 动画曲线公式:x * x * ((mTension + 1) *x + mTension) + 1.0f,通过一次求导y‘=3(mTension+1)*x*x+2*mTension*x,可得出斜率为0的两个点(x=0、x=-2*mTension /3(mTension +1)),通过二次求导y''=6*(mTension+1)*x+2*mTension,可得曲线斜率变化趋势(y'’大于或小于0)。mTension控制非x=0的0斜率点位置。

 

                                                

 

       贝塞尔曲线分析:
1. 假设曲线的开始和结束点为(0,0)、(1,1),图中C1和C2为两个控制点,曲线的控制因素分析:

       1).由于我要求的曲线结束点的斜率要为0,而且y值确定为1,所以C2的位置仅由x轴控制。

       2).由于我对C1的y值没有直接的要求,但对初始速度有直接的要求,所以C1的y值我间接的使用斜率来控制或决定,x轴就不用说肯定是一个决定因素。

       综上所述,我使用三个参数来决定贝塞尔曲线的形状:开始点的斜率、C1的x值、C2的x值。

        贝塞尔曲线的一篇很好的分析博客: http://blog.csdn.net/GnuDoyng/archive/2005/02/23/299008.aspx

 

                                    

          需求是b点与c点斜率为0,a点斜率和b点的位置有要求。我的想法是ab段和bc段都使用一条二次方或三次方曲线。

 

  • 大小: 27.3 KB
  • 大小: 31.5 KB
  • 大小: 28.8 KB
0
0
分享到:
评论

相关推荐

    Flash的引导层动画_制作课件.ppt

    该课件旨在培养学生掌握 Flash 引导层的功能,理解引导层、引导线的作用,学会制作曲线运动的动画,掌握制作运动对象沿任意指定路径运动的动画,并增强学生的观察、总结能力。 一、基本说明 本课件所属模块为...

    HTML5 Canvas核心技术 图形、动画与游戏开发

    229 4.11.3 视频处理 230 4.12 总结 234 第5章 动画 235 5.1 动画循环 235 5.1.1 通过requestanimationframe()方法让浏览器来自行决定帧速率 237 5.1.2 internet explorer浏览器对requestanimationframe()功能...

    Flash ActionScript 3.0高级动画教程

    用shader填充制作动画 指定shader的输入图片 使用shader作为滤镜 使用shader作为混合模式 总结 第十章 补间 引擎 Flash的Tween类 缓动方法 合并补间 Flex Tween类 Flex Tween类的缓动函数 5 Tween组合 Tween序列 补...

    [Flash.ActionScript.3.0动画教程

    4.2.5 过控制点的曲线 4.2.6 使用 beginFill 和 endFill 创建图形 4.2.7 使用beginGradientFill创建渐变填充 4.3 颜色变换 4.4 滤镜(Filter) 4.4.1 创建滤镜 4.4.2 动态滤镜 4.5 位图 4.6 读取和嵌入资源 4.6.1 读取...

    关于动画以及一些学习的心得源码

    多动画组合实现,以及动画库,mvc框架的应用,属性动画总结,自定义绘画总结,小型的飞翔的小鸟绘画总结surfaceView的应用

    3D游戏卷2:动画与高级实时渲染技术——1

    8.5 曲线变形——铰线 8.6 皮肤控制 8.6.1 面向表面的自由形状变形(SOFFD) 8.6.2 骨架皮肤精致化 8.6.3 组合皮肤和形状混合 附录8.1 使用径向基函数进行离散数据插值 第9章 高级角色动画之要素 9.1 引言——一种拟人...

    论文研究-人脸语音动画中基于PSOLA的情感语音合成系统.pdf

    根据情感语音库分析总结情感规则,在此基础上利用TD-PSOLA算法对中性语音的韵律参数进行改变,并提出一种能够对基频曲线尾部形状改变的方法,使句子表达出丰富的情感。实验表明,合成出的语音具有明显的情感色彩,...

    swift-关于UIViewPropertyAnimator的学习总结

    关于UIViewPropertyAnimator的学习总结:1、自定义贝塞尔曲线(两种实现方法),2、系统的贝塞尔曲线,3、系统的阻尼振动,4、自定义阻尼振动,以及暂停、继续、反向、取消等动画效果的Demo,代码有详细的注释。

    StereoPageTransformer-一个简单好看3D的ViewPager翻转动画.zip

    }总结动画的灵魂在于它的插值器,插值器控制了动画进行的速度,这次我选择自己写了一个插值器作为练手,其实我这次写的插值器效果仍不是很平滑,动画的插值器也应该用贝塞尔曲线来制作,这样我们的动画就会进行的更...

    3D游戏卷2:动画与高级实时渲染技术——2

    8.5 曲线变形——铰线 8.6 皮肤控制 8.6.1 面向表面的自由形状变形(SOFFD) 8.6.2 骨架皮肤精致化 8.6.3 组合皮肤和形状混合 附录8.1 使用径向基函数进行离散数据插值 第9章 高级角色动画之要素 9.1 引言——一种拟人...

    前端制作动画的几种方式(css3,js)

    制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。 1.css的...

    java大作业画图软件,模仿微软Paint、PowerPoint(含报告、只因你太美动画)

    三、总结: (1)在画布上绘制直线、矩形、椭圆等图形 (2)绘制填充图形、对已有图形进行填充 (3)绘制任意曲线 (4)设置画笔的颜色和粗细 (5)橡皮擦擦除任意曲线和基本图形 (6)选取、移动、删除基本图形 (7...

    ios-GraphicsAndAnimation.zip

    最近看了《iOS上的图形和动画处理(中文)》这篇文章...绘制曲线 这部分是文章里没有的,是我自己查阅其他资料总结的。包括绘制椭圆、圆弧、二次曲线、贝塞尔曲线等。 希望能给其他需要学习这部分知识的小伙伴提供帮助

    RainyView-Android 自定义View之下雨动画 效果.zip

    效果开始前先做个热身( ˘•灬•˘ )自己实现比较容易,但是到了要出博客整理思路,总结要点的时候就挠头,不知云所以,所以最简单的还是 Read the fucking source code如果对安卓UI有兴趣的朋友可以加我好友互相...

    白色简洁工作汇报PPT模板.rar

    幻灯片模板首页使用银灰色曲线勾勒了一个抽象的隧道作为PPT背景图片,给人一种信息高速公路的感觉;幻灯片模板内容包括各种PPT关系图,PPT图表等实用的幻灯片素材分别制作PPT使用;本套PowerPoint模板简洁实用,适合...

    Flash格斗动画的动作设计和动作的制作.doc

    我们要以较块的方式进行动作的学习和制作, 在学习的过程中学会制作, 在制作的过程中学习的更多, 所以看是一部分, 更多的要通过你的不断尝试和实践去总结经验, 如同和玩游戏获得的经验值已经等级的提升一样, 只是此次...

    高中信息技术优质课比赛.pptx

    + 过程 5:深入与拓展,由小鸟飞行路径是曲线导入引导层动画。 五、结语 通过本次高中信息技术优质课比赛,我们可以看到各学校、区教研的团队力量,并且选拔出了比较优秀的老师参加更高一级的赛课,展示南京信息...

    C#GDI+图形程序设计源码

    7.4 在GDI+ 中播放动画 7.5 使用位图 7.6 使用图标 7.7 扭曲图像 7.8 绘制透明的图形对象 7.9 查看多个图像 7.10 使用图片框查看图像 7.11 使用不同的大小保存图像 总结 第8章 高级图像处理 8.1 渲染位图...

Global site tag (gtag.js) - Google Analytics