flash特效原理:图片滑动放大效果
2010-03-02 00:00:00 来源:WEB开发网核心提示:最近看过的一种常用的flash特效记录一下,flash 做特效不是为做特效而做,flash特效原理:图片滑动放大效果,在make thing move 书里讲了许多的数学和物理原理,通过这些原理,同时,需要指定底部为注册点,我发现做特效就需要懂原理,懂了这些原理后
最近看过的一种常用的flash特效记录一下,flash 做特效不是为做特效而做,在make thing move 书里讲了许多的数学和物理原理,通过这些原理,我发现做特效就需要懂原理。懂了这些原理后,特效就会变得轻松容易。
现在准备一下,讲求一个公式,这个公式对做这个特效很有帮助。公式如下:
一、基本基本原理公式
x轴:
图片缩放率=最大缩放率-|鼠标的x坐标值-每一张图片的x轴大小|*自定义的比例;
鼠标的x坐标值减去每一张图片的x轴大小的绝对值的差,乘以自定义的比例,然后最大缩放率减去这个值就可以知道结论:
离鼠标越近的图片,缩放比例就会越大,相反离鼠标越远相对缩放率越小。
var scale:Number=max-Math.abs(mouseX-pic.x)*ratio; 这样公式就知道了
简化 scale=max-|mouseX-pic.x|*ratio;
同理:
y轴:
图片缩放率=最大缩放率-|鼠标的y坐标值-每一张图片的y轴大小|*自定义的比例;
二、制作过程
查看原图(大图)
我们制作Mc的时候,Mc里面有一个名为title的动态文本,在其上面铺盖一层透明的色的图像,同时,需要指定底部为注册点,笔者按这种方式处理。然后链接为TestMc 类
- ››FLASH不等于运算符!=的使用实例
- ››FLASH不全等运算符!==
- ››FLASH字符串分隔符运算符
- ››FLASH% 模运算符
- ››Flash+、++、+= 加法运算符
- ››Flash, 逗号运算符
- ››flash中的-、--、-=减法运算符
- ››Flash的-Infinity 常数、.点运算符、/ 除法运算符...
- ››Flash两种注释方法/*..*/ 和// 注释行分隔符运算符...
- ››Flash的/=除法赋值运算符、=赋值运算符、== 等于运...
- ››Flash之?: 条件运算符、^ 按位 XOR 运算符、^= 按...
- ››Flash的_framesloaded代码示例
更多精彩
赞助商链接