Flash视觉效果之闪烁的星辰

作者佚名技术来源服务器技术浏览发布时间 2012-07-10

　　一望无际的夜空，亮丽的星辰在悄悄的眨着眼睛，放射出迷人的星光。本例是用Flash设计星光效果。见效果图所示。就技术而言，本例将讲解“变形”面板、“移动渐变”动画以及简单的AS控制语句的运用。下面笔者就给大家讲解本例的具体制作方法。动画效果见最后一页。

　　1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为450px x 400px，黑色背景。帧频为25fps。

　　2．按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“星星”的图形元件。点选“工具”面板里的“铅笔”工具

，在“星星”元件的场景里绘制一个如图1所示的线段，其宽、高度分别为2.5px、55px。

图１　　3．点选刚绘制的线段，按Shift+F9键打开“混色器”面板，如图2所示设置。其中左边滑块的颜色为#E9CF1B，中间滑块的颜色为#8BF8DC，右边的滑块是黑色的。这三个滑块的Alpha值都是100%。

　　4．按快捷键Ctrl+F8创建一个名为“星星动画”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板，将其中的“星星”元件拖拽到“星星动画”元件的场景中。

图2
　　5．点选“星星动画”元件“图层1”第30帧，按F6键插入关键帧。点选第30帧中的“星星动画”元件，垂直向上移动300px，按快捷键Ctrl+T打开“变形”面板并进行如图3所示的设置。右键单击该层的第1帧，并在弹出的菜单中选择“创建补间动画”命令创建补间动画。

图3
　　6．点选第31帧，按F7键插入一个空白关键帧。按F9键打开“动作”面板，输入代码stop。

图4 　　7．回到“场景 1”，打开“库”面板，将其中的“星星动画”元件拖入场景的中央位置。点选场景中的“星星动画”元件，在“属性”面板中给它起个实例名为“星星”，如图4所示。

　　8．点选“场景 1”第1帧，按F9打开“动作”面板，输入如下代码：

// i大于50，重置为0
if (i>50) i = 0;

// 定义star()函数
function star() {
// 复制影片剪辑
?? duplicateMovieClip("星星", "星星" add i, i);

// 旋转“星星”，使其忽明忽暗
_root["星星" add i]._rotation = Math.random()*360;
_root["星星" add i]._alpha = Math.random()*90+10;
}

// 每隔30毫秒调用一次函数
setInterval(star, 30);

　　好了，效果到这里就制作完成。在代码中，_rotation是角度属性，可以改变元件的角度、_alpha是透明度属性，可以改变元件的透明度。Math.random()返回在0到1之间的一个随机数。如果把代码中的360角度改得很小，就会得到很有趣的“流星雨”效果，有兴趣的朋友可以试一试。

　　该效果源件下载(3.01K) 　　点击最后一页预览效果 [1]?[2]?下一页??

上一页??[1]?[2]? 关键词：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash另类效果之透明按钮设计下一篇: Flash MX中暗藏小游戏

关于Flash视觉效果之闪烁的星辰的所有评论

随机推荐