看了《ActionScript3.0高级动画教程》一书,用类映射的方式做了一个小东西,方便学习,经过几天发现了一些as3代码动画的小技巧,下面我们一起分享一下。
所有的运动都借助帧事件或定时器来做,可以只使用一个帧事件或一个定时器来完成所有运动的监听和运算,节省开销。
运动是变化,它的普遍做法是:第一初始化运动条件,二根据运动的公式或模型运算,三更新物体的坐标或其他属性。核心的操作都在第二步里面。书中贯穿了很多物理概念,和基础的运动联系紧密的就数向量这个概念了。
向量这里不做详细介绍,简单的说就是方向加大小。向量在这里面充当的就是变化量的这个部分,对变化量做相应的操作就能得到我们想要的代码了,剩下的就是第三步,把处理好的变化量更新到操作对象的属性上,达到运动的最终效果。
接下来看看一些基础的运动:匀速、变速、摩擦力、缓动、弹性。这里引入vx、vy,它就是运动里面要用到的变化量。
匀速、变速可以归为一类运动,他们都可以通过简单的加减操作,使vx、vy变化,然后更新x、y坐标上:
vx += 5;
vy += 5;
x += vx;
y += vy;
匀速运动就是 vx+=0 (y坐标类似)的运动。也可以认为5就是加速度a。
摩擦力运动,是引入一个降低vx、vy值的量,即物理的摩擦系数:
vx *= f;
vy *= f;
x += vx;
y += vy;
f是小于1的值,负责不断减小变化量的值,这样当变化量更新到坐标值上的时候,会越来越小,最终停下。
缓动、弹性可以归为另一类运动,他们的运算都伴随着成比例的变化因素。
dx = targetX - object.x;
vx = dx * easing;
x += vx;
摩擦力直接修改变化量,缓动则是先成比例的修改距离值,再把距离作为变化量更新到坐标上,这样就得到了一个每次都变化总距离的几分之几的缓动效果。
dx = targetX - object.x;
ax = dx * spring;
vx += ax;
x += vx;
相比缓动,弹性运动又多了一步操作,把处理后的距离,这个值是修改变化量的,修改后的变化量不断的更新给x坐标,只要ax不为零,这种更新会一直运行,直到ax最终把vx抵消让物体停下来,处在这个过程里物体就在目的点附近来回波动了,形成最终的弹性效果。
分享到:
相关推荐
Flash as3 曲线运动 启动Flash软件后,在图层1上,导入一张图片,转换为元件后,在30帧处插入关键帧。 然后新建一个引导层,在引导层上画一条曲线。 在图层1的第一帧处,拖动图片元件放置到曲线的左端;在第30帧处...
flash as3 拖动效果
Flash as3 打字效果
AS3苹果菜单XML载入图片展示效果+八方体3d图片展示效果 AS3苹果菜单XML载入图片展示效果+八方体3d图片展示效果AS3苹果菜单XML载入图片展示效果+八方体3d图片展示效果AS3苹果菜单XML载入图片展示效果+八方体3d图片...
AS3滤镜效果集合 集合了大部分AS3.0语言的滤镜效果 有截图说明的word文档
AS3 FLASH CS4 图像折叠特效效果
第一章 Flex简介和开发环境 第二章 AS3语法 第三章 事件驱动 第四章 自定义事件 第五章 数据绑定 第六章 样式表和主题 .....实习之
相当好的一个,as3水波效果类,直接new使用,相当方便
这个是flashAS3写的水滴在玻璃上滑落的效果!
as3实例文件,具有3D效果的as3源码,效果极佳。
CNAS内审总结报告
可调用AS3代码实现过渡效果,效果有多种,随意选择。
flash actionscript3制作超酷的缓动效果,as3源码
关于As3反射的问题关于As3反射的问题
纯as3代码下雨效果 之前写着玩的
很好的as3源码 渲染的效果很不错 希望对大家有帮助
as3動態文字新閒播放效果,各種動態文字效果,幫助新進人員學習as3,快速學習
AS3动画效果公式,常用处理公式代码,基本运动公式,三角公式2011-05-10 11:52转载...as3种常见的弹性效果公式以及波形运动等as3动画效果公式代码整理,对于常用的来说作者整理的很全面,包括AS3的进制转换颜色提取等效果
效果 + 源码 强劲的flash 3d效果 完整的as3源码 希望对flash as3 有兴趣的朋友有些帮助
AS3滚动条,可自定义横向还是竖向,带源码