分享
 
 
 

闪闪烁烁满天星:经典Flash光标跟随效果

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

所谓光标跟随效果,是指在浏览网页时,光标周围总有一些可爱的小东东环绕着,它们飞来飞去,光标移动到哪里,它们就跟随到哪里。光标跟随实际上是Flash中一个“古老的”的话题了,但是对于初学者来说,依然新鲜有趣。下面,请跟我一起制作一个简单的光标跟随动画吧,以此为基础,大家可以制作出更酷的效果。

效果如下:

点击这里下载源文件

第一步:首先从网上下载一个漂亮的星星闪烁的GIF动画,

star.gif

当然也可以在ImageReady之类的软件中自己制作一个,非常简单(见图1)。

第二步:启动Flash MX 2004中文版(以下简称Flash),执行“文件→新建”命令新建一个Flash文档,接着执行“修改→文档”命令打开文档属性对话框,将背景颜色设置为黑色,单击“确定”按钮返回。

第三步:执行“插入→新建元件”命令(快捷键为Ctrl+F8)打开创建新元件对话框,名称设置为“星星”,行为设置为“影片剪辑”,单击“确定”后进入影片剪辑编辑窗口。接着执行“文件→导入→导入到舞台”命令,在出现的对话框中找到第一步中准备好的star.gif文件并将其导入进来(见图2)。

第四步:再次执行“插入→新元件”命令,在打开的创建新元件对话框中,将名称设置为“群星”,行为设置为“影片剪辑”,单击“确定”按钮进入该影片剪辑编辑窗口。右单击时间轴上图层1的第25帧,选择“插入帧”命令,然后连续单击时间轴左下角的“插入图层”按钮增加5个图层。执行“窗口→库”命令(快捷键Ctrl+L)打开库面板,点选图层1中的第1帧,从库面板中将前面制作的“星星”影片剪辑拖入到舞台中央。接着右击图层2的第5帧,选择“插入关键帧”命令,再同样将“星星”影片剪辑拖到舞台上,其位置可与图层1中的影片剪辑错开一点。依此类推,图层3的第8帧、图层4的第12帧、图层5中的第20帧处都建立一个关键帧并将“星星”影片剪辑拖入到舞台中,且使它们的位置各不相同。这样做的目的是为了使星星在闪烁的时间上、位置排列上错落有致,让最终画面更加活泼一些,如图3所示。当然您也可以按照自己的意愿任意设置影片剪辑的位置、数量、起始帧和结束帧。同时还可以调整所拖入的“星星”影片剪辑大小等等,最后单击时间轴左上方的“场景1”按钮返回到主场景编辑模式中。

第五步:在主场景中,点选图层1的第1帧,然后将刚刚建立好的“群星”影片剪辑从库面板中拖到舞台上,确保拖入的“群星”影片剪辑为选中状态,此时展开舞台下方的属性面板,单击“实例名称”文本框,为这个实例改一个名字,叫做stars,如图4所示。为实例取一个名称,就可以在ActionScript动作脚本中调用它了。

第六步:点选图层1第1帧,然后单击展开下方的“动作-帧”面板,在右侧编辑区输入1行ActionScript动作代码:

startDrag("stars",true);

此时按Ctrl+回车键测试一下影片,就会发现有许多一闪一闪的小星星,而且还会一直跟随着光标移动呢,怎么样,很有成就感吧。如果对效果满意,就按Ctrl+S键保存好动画源文件,再执行“文件→导出→导出影片”命令导出为SWF动画即可。(网络大补贴参见第52页)

小提示

startDrag的语法格式为:startDrag(目标,固定,l,t,r,b)。其中“目标”就是我们设置的跟随光标移动的影片剪辑;“固定”是指Lock mouse to center,即影片剪辑是否锁定光标居中,其值有两个,true或false;l、t、r、b是指限定影片剪辑在一个矩形之内,它们分别表示左、上、右、下。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有