动感网页Flash造──Flash Action实战

爱老虎油 
2001年 36期

　　经常上网的网友对Flash制作的动感网页一定都不陌生，Flash打造的动态网页具有HTML网页不可比拟的效果，更加的炫目。然而刚开始接触Flash的朋友，大部分都对交互网页方面有些头怵，因为那必须具有Action的编程能力。其实这根本就不可怕，交互网页方面并没有应用到多么高深的编程，只要你懂得一点帧控制和鼠标事件的处理方法，就可以制作出动态网页了。如果你并不具备这方面知识，那么请跟我动手制作以下的导航条和帧控制，相信你会很快入门成为一个交互多媒体网页设计师。
　　　　目标效果（图1^36040701a^）：一幅Cool图，然后是每个导航条在依照着自己的轨迹运动，当我们的鼠标指向按钮时，按钮的运动终止，鼠标离开按钮，按钮依旧运动，按下按钮后开始播放另一动画，当动画播放完毕，又回到主画面。很炫吧，跟我动手开始：
　　　　1．打开Flash，先制作出按钮，按钮的制作方法如下：
　　　　因为这个按钮不需要各个区域的按钮变幻，所以Up，Over，Down，Hit四个区域的按钮样式是相同的，在这里讲解一点按钮的制作方法，Flash中的按钮是用四种不同的样式来表示的（图2^36040701b^），Up区是表示按钮的正常状态，Over区是表示按钮被指针指向时的状态，Down区是表示按钮被鼠标按下时的状态，Hit区表示按钮感应鼠标的区域。
　　　　2．然后插入一个Movie Clip（Ctrl+F8），将按钮拖入中心位置。
　　　　3．在Movie Clip上加入Action程序，在按钮上单击鼠标右键。选Action项加入代码：
　　　　on（press）{
　　　　gotoandplay（"scene2"，1）
　　　　}
　　　　//当鼠标单击时开始播放场景2
　　　　on （rollOver）{ 
　　　　stop（）；
　　　　}
　　　　//当鼠标指向按钮时，停止对象的运动
　　　　on （rollOut）{ 
　　　　play（）；
　　　　}
　　　　//当鼠标离开时，继续对象的运动
　　　　4．在我们以后的制作当中，你不必拘束于场景2，你可以使用场景3，场景4，使每个按钮被按下时，时间轴转换到相应内容的场景就可以了。
　　　　5．在Movie Clip的时间轴上依次加入一到七个关键帧。
　　　　6．在第二帧上打开Window中的info面板，输入X坐标为300，第三帧是200，第四帧是-100，其实这些坐标是无所谓具体位置的，有一个原则掌握就行了，不能超出场景以外，最后一个关键帧的坐标与第一个相同。这样就可以使按钮循环播放了。
　　　　7．在七个关键帧上建立Motion动画，然后像我这样把它们拖到第二十帧，第三十帧，找一个你喜欢的地方（图3^36040701c^）。
　　　　你已经依照我的办法制作好了相应的Movie Clip，每个Movie Clip中包含一个按钮，每个按钮依照自己独立的轨道运动，按钮被按下时都将转换到相应的场景。
　　　　现在你已经完成了主场景的控制方面的内容了。
　　　　8．现在我们来制作相应内容的场景。我想这方面朋友们会依照自己的把握做好演示的。
　　　　9．在每个场景的最后一帧加入Action如下：
　　　　gotoandplay（"scene1"，1）
　　　　//跳转到场景1，也就是主场景。
　　　　10．把Movie Clip都拖到场景1的第一帧里，用Window菜单下的Align面板使它们对齐，这个网站的雏形就完成了。再加上一个Cool音效作为背影音乐，是不是很美？还不快按“Ctrl+Enter”测试一下。
　　　　其实Flash制作的多媒体网站，基本上使用帧跳转命令和一些鼠标事件加以控制就可以了。接下来我们学习一点帧跳转命令和鼠标事件使用帧跳转的命令：
　　　　gotoandplay（）
　　　　//使时间轴跳转到指定的帧并开始播放。
　　　　Gotoandstop（）
　　　　//使时间轴跳转到指定的帧并停止播放。
　　　　Stop（）
　　　　//时间轴停止在当前位置。
　　　　Play（）　
　　　　//时间轴在当前位置开始播放。
　　　　鼠标的按钮事件：
　　　　On（press）
　　　　//当按钮被鼠标单击时触发。
　　　　On（release）
　　　　//当鼠标在按钮上单击并且松开时触发。
　　　　On（releaseOutside）
　　　　//当鼠标在按钮上按下，拖到按钮以外释放时触发。
　　　　On（rollover）
　　　　//当鼠标指向按钮时触发。
　　　　On（rollout）
　　　　//当鼠标指向按钮然后离开时触发。
　　　　On（dragout）
　　　　//当鼠标按下按钮拖到按钮以外时触发。
　　　　On（dragover）
　　　　//在按纽以外按下鼠标拖到按钮上释放时触发。
　　　　这些函数对于多媒体网站的制作是相当有用的，大家可以举一反三，相信你会制作出高品质的炫目动态网页。
　　　　1．设计首页，加入导航条，每个按钮实现Movie Clip的跳转或是场景的跳转。
　　　　2．设计首页的画面，以形象页的形式出现，加入主体形象动画。
　　　　3．设计每个按钮所跳转的部分的Movie Clip或是场景的动画内容。
　　　　4．为按钮或是场景加入背景音乐。
　　　　5．制作帧跳转部分的Action脚本。
　　　　6．测试，输出。
　　　　当然多媒体形式不拘一格，只要深入学习Flash制作和多观赏国内外著名的多媒体网站，相信你也会成为一名出色的多媒体设计师，制作出完美的动态多媒体网站。
　　
　　 
 