-
您的位置：首页 → 网页设计 → Flash → Flash 3d效果精彩实例--时空隧道
Flash 3d效果精彩实例--时空隧道
时间：2004/11/7 2:17:00来源：本站整理作者：蓝点我要评论(0)
-
本实例模拟一个时空隧道,深遂的隧道一直通向遥远的时空,给人一种非常神秘的感觉.
本实例最终效果如图1所示;
图1 最终效果
1.首先启动Flash,新建一个影片,设置影片的舞台大小为550px*400px(单位为象素),影片背景色为深绿色,颜色代码为#003300.
2.新建一个图形元件,命名为bb,进入元件的编辑区后,打开混色器面板,在填充样式下拉列表中选择填充类型为放射渐变,然后如图2所示分别设置色带下左右两个滑块的颜色:
图2 设置填充色
其中左边滑块颜色为绿色,RGB颜色代码为0,204,153,右边滑块颜色为黑色,设置好填充色后,选择椭圆工具,按下Shift键的同时在编辑区绘制一个正圆,如图3所示;
图3 绘制正圆
3.新建一个影片剪辑元件,命名为b,进入元件的编辑区后,将元件bb从库中拖到编辑区中,然后在第15帧插入一个关键帧,将小球向左上方移动一段距离,然后在第30帧插入一个关键帧,再将小球向右下方移动一段距离,按照相同的方法分别在第45,60和75帧插入关键帧,并向不同方向移动一段距离,最后分别建立关键帧之间的运动过渡动画,这样目的是制造一种小球来回晃动的效果,时间轴如图4所示;
图4 建立运动渐变动画
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); //复制b0
} while (i$#@60;540);
//其中d是半径，r是角度，pai已经转换成了弧度。
说明：首先初始化半径d和角度r和循环次数i(复制影片的个数)，如果第一次进入循环，b0号movie clip 会被定义位置，然后复制出下一个处在相对于b0的第1层中的movie clip,并起名叫"b1"（千万注意表达式要用“+”）,其中用到的sin和cos前面也一定要加"Math."不然就出错了；Math.cos (pai*r)+200的200是圆心的原始位置，200这个位置大概稍靠中心了，以后的循环是这样的：后一个movie clip 总会比前一个大i个像点，名称依次是"b2,b3,b4..."，圆的半径也会逐步以每次增1的速度增长，这样的action做出来的圆就是那种从远方逐步靠过来的圆形通道。
相关阅读
Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
-
热门文章
没有查询到任何记录。
最新文章
Flash CS4基础入门
如何在Flash中打开一个定制的浏览器新窗口？学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页
人气排行
Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识：遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程：游动的鱼
查看所有0条评论>>