【 tulaoshi.com - Flash 】
第8节 时空隧道 本实例模拟一个时空隧道,深遂的隧道一直通向遥远的时空,给人一种非常神秘的感觉.
本实例最终效果如图1所示;
图1 最终效果
1.首先启动,新建一个影片,设置影片的舞台大小为550px*400px(单位为象素),影片背景色为深绿色,颜色代码为#003300.
2.新建一个图形元件,命名为bb,进入元件的编辑区后,打开混色器面板,在填充样式下拉列表中选择填充类型为放射渐变,然后如图2所示分别设置色带下左右两个滑块的颜色:
图2 设置填充色
其中左边滑块颜色为绿色,RGB颜色代码为0,204,153,右边滑块颜色为黑色,设置好填充色后,选择椭圆工具,按下Shift键的同时在编辑区绘制一个正圆,如图3所示;图3绘制正圆
3.新建一个影片剪辑元件,命名为b,进入元件的编辑区后,将元件bb从库中拖到编辑区中,然后在第15帧插入一个关键帧,将小球向左上方移动一段距离,然后在第30帧插入一个关键帧,再将小球向右下方移动一段距离,按照相同的方法分别在第45,60和75帧插入关键帧,并向不同方向移动一段距离,最后分别建立关键帧之间的运动过渡动画,这样目的是制造一种小球来回晃动的效果,时间轴如图4所示;
图6.10.4 建立运动渐变动画1
4.回到主场景中,首先给影片制作一个背景.打开混色器面板,在填充样式下拉列表中选择填充类型为放射渐变,然后如图5所示分别设置色带下左右两个滑块的颜色:
图5 设置填充色
其中左边滑块颜色为黑色,右边滑块颜色为绿色,RGB颜色代码为0,135,8.设置好填充色后,选择矩形工具,在舞台中绘制一个方形,大小稍稍超过舞台大小即可,如图6所示;
图6 给影片添加背景
5.在背景层上面插入一个图层,将元件b拖到此图层,并在属性面板中设置其实例名为b0,最后给第1帧添加如下Action:d=10;r = 0;pai = 3.14/180;i = 0;do FLASH 5 也提供了FOR循环setProperty(/b + i, _xscale, i);setProperty (/b + i,_yscale,i);setProperty (/b + i, _x, d*Math.cos(pai*r)+200);setProperty(/b + i, _y, d*Math.sin (pai*r)+200);//利用了最基本的画圆算法r = r+10;d =d+1;i = i+1;duplicateMovieClip (/b0,b+i, i); //复制b0while(i$#@60;540);//其中d是半径,r是角度,pai已经转换成了弧度。
说明:首先初始化半径d和角度r和循环次数i(复制影片的个数),如果第一次进入循环,b0号movieclip会被定义位置,然后复制出下一个处在相对于b0的第1层中的movieclip,并起名叫b1(千万注意表达式要用“+”),其中用到的sin和cos前面也一定要加Math.不然就出错了;Math.cos(pai*r)+200的200是圆心的原始位置,200这个位置大概稍靠中心了,以后的循环是这样的:后一个movieclip总会比前一个大i个像点,名称依次是b2,b3,b4...,圆的半径也会逐步以每次增1的速度增长,这样的action做出来的圆就是那种从远方逐步靠过来的圆形通道.
作者:flashsj
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)