缓冲公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式。现在许多网站出尽风头,其中缓冲导航是其一大亮点。本文以一德国网站的导航为例,详解缓冲导航的制作。这个效果是我和溶剂共同完成的,他提供坐标的算法,我提供缩放的算法。
本例效果演示
鼠标划过的部分图片会变大
[1b]制作思路[/1b]
图片缩放控制
利用缓冲公式设置图片的缩放比例,如果鼠标滑过某图片,放大1.8倍。如果其它图片的序号与此图片的序号相差1,就是此图片两边的图片,放大1.4倍,其它的为原始大小。
图片坐标控制
当某图片放大时,相邻的图片的坐标等于此图片的坐标加上这两张图片的宽度的一半,实现图片无间距排列。
线条和文字控制
线条用画线函数实现,文字的坐标和缩放比例与对应的图片相同。 [1b]制作过程[/1b]
1、启动Flash,新建一个影片,设置影片大小为600px*200px。
准备好如图中的素材,图片的实例名分别为zjs0到zjs4,文字的实例名分别为z0到z4。
把中间的图片坐标设为(300,130),选中全部的图片,按CTRL+K调出排列面板,设置为顶部对齐,使图片的y坐标相同,图片的x坐标通过AS来控制。用同样的方法使方字的y坐标相同,并调整好文字和图片的间距。
2、在主场景中的第一帧上添加下列代码
//获取中间图片的x坐标
for (var i = 0; i-1; k--) {
var mc1 = this["zjs"+k];
var mc2 = this["zjs"+(k+1)];
mc1._x = mc2._x-(mc2._width+mc1._width)/2+1;
}
//缩放比例最大的图片的左边的图片的x坐标设置
myLine();
//图片下方的线条
}
//比例缩放函数
function move_scale(x, obj) {
speed = (x-obj._xscale)*.65+speed*0.6;
obj._xscale += speed;
obj._yscale += speed;
//缓冲公式,x为图片的缩放比例,obj为MC
}
//鼠标滑过图片时,图片的缩放、x坐标设置函数
function mouse_in() {
for (var i = 0; i按CTRL+ENTER测试,本例制作完成。掌握原理后,加上好的创意,相信你能做出更好的特效。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/2027.html
发表评论
-
as3.0游戏开发之打气球系列(一)
2010-04-09 12:48 586好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 12:48 516在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 12:48 562很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 12:48 517[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
利用AS3类直接读取Rar文件中的swf文件
2010-04-09 12:47 1209名称:RarExtractor(Rar文件解压器) 作者:fl ... -
AS3.0传递引用时应当注意的问题
2010-04-09 08:27 575整和同事写的地图编辑器代码的时候发现有个引用明明改变了,但是调 ... -
AS3.0传递引用时应当注意的问题
2010-04-09 08:27 585整和同事写的地图编辑器代码的时候发现有个引用明明改变了,但是调 ... -
AS3.0 Socket读取原理分析
2010-04-09 08:27 750AS3.0中使用Socket接收数据我们必须使用Progres ... -
AS3.0 Socket读取原理分析
2010-04-09 08:27 861AS3.0中使用Socket接收数据我们必须使用Progres ... -
开源的as3 3D引擎jiglibFlash
2010-04-09 08:26 1071jiglibFlash:http://code.google. ... -
教你做个性FLASH导航条
2010-04-08 07:52 942首先下载软件Macromedia Flash 8简体中文正式版 ... -
菜鸟制作精美Flash导航菜单
2010-04-08 07:52 1350为方便网友浏览,导航 ... -
菜鸟制作精美Flash导航菜单
2010-04-08 07:51 889为方便网友浏览,导航 ... -
Flash动态缓冲图片导航制作详解
2010-04-08 07:51 632缓冲公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式 ... -
ActionScript 2.0入门系列(继承与接口)
2010-04-07 10:21 641下载地址: [url=/Files/BeyondPic/200 ... -
AS代码2.0:面向对象模型
2010-04-07 10:21 531自从几年前在Flash中引入动作脚本语言(Action Scr ... -
AS代码2.0:面向对象模型
2010-04-07 10:21 667自从几年前在Flash中引入动作脚本语言(Action Scr ... -
AS代码2.0:脚本编辑和调试
2010-04-07 10:20 652Flash MX Professional 2004的动作脚本 ... -
AS代码2.0:脚本编辑和调试
2010-04-07 10:20 554Flash MX Professional 2004的动作脚本 ... -
as制作可拖动单元格的菜单
2010-04-07 07:29 634做了一个可拖动单元格的List,算是对List的一个扩展。看效 ...
相关推荐
串行FLASH数据缓冲区的管理的程序实现代码
缓冲区溢出详解,详细介绍了缓冲区溢出的原理以及相关知识。
对于串行FLASH芯片的存取操作,内核能够...但是,由于串行Flash的容量都比较大,将Flash的所有内容都缓冲在内存中是不可行的,只能将部分Flash的内容缓冲起来。所使用的算法试图把尽可能多的有效数据保存在高速缓冲中。
并行FLASh数据缓冲区的管理 * 对于并行FLASh芯片的存取操作,内核能够通过直接对芯片的读写来实现,但是较慢的芯片响应速度会使用系统响应时间加长,吞吐率降低。因此,内核通过保持一个称为数据缓冲区高速缓冲的...
首先,我要声明,我打的这篇文档,原稿是《黑手缓冲区溢出教程》,而不是作者出的正版书,在这 里向王炜老大道歉!!因为我兜里的那个实在是那什么,外加上我们烟台这里买不到……不找什么借口了, 我会补一个正版书...
jquery缓冲下拉导航菜单特效是一款带有下拉二级栏目的一级栏目的右边显示向下的箭头按钮,鼠标移到箭头按钮上才滑动下拉显示二级导航栏目。功能简单而且实用通过CSS样式与jquery代码的结合来实现。
缓冲区溢出详解.pdf 个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除!
loading flash fla 源文件 缓冲条
支持触摸屏的可拖动Flash as3缓冲菜单,内含FLA文件和AS文件,需要一定的flash actionscript编程水平。
带弹性的Flash菜单,鼠标放下的会展开菜单内容,才可看到导航的内容,弹性有缓冲效果,视觉效果更棒,挺有意思的Flash动感菜单。
高速缓冲存储器详解,个人感觉写得比较详细,分享一下
为了降低关断损耗和尖峰电压,需要在开关管两端并联缓冲电路以改善电路的性能。缓冲电路的主要作用有:一是减少导通或关断损耗;二是降低电压或电流尖峰;三是降低dV/dt或dI/dt。由于MOSFET管的电流下降速度很快,...
SuperMap iClient for该示例展示了如何在Flsh3D客户端中进行三维缓冲区分析。
本文主要给大家讲解的是mysql优化过程中比较重要的2个参数缓冲和缓存的设置,希望大家能够喜欢
著名著作Smashing The Stack For Fun And Profit的译文,缓冲区的老祖宗
主要为大家详细介绍了BufferedInputStream缓冲输入流的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
一种用于灭活疫苗的灌装缓冲系统的制作方法.docx
非常酷的卡通缓冲动画 下载看看 一点满的