动感网页Flash造──Flash Action实战

Author: 爱老虎油 Date: 2001年 36期

?牐牼I贤耐讯訤lash制作的动感网页一定都不陌生,Flash打造的动态网页具有HTML网页不可比拟的效果,更加的炫目。然而刚开始接触Flash的朋友,大部分都对交互网页方面有些头怵,因为那必须具有Action的编程能力。其实这根本就不可怕,交互网页方面并没有应用到多么高深的编程,只要你懂得一点帧控制和鼠标事件的处理方法,就可以制作出动态网页了。如果你并不具备这方面知识,那么请跟我动手制作以下的导航条和帧控制,相信你会很快入门成为一个交互多媒体网页设计师。
  ?牐犇勘晷Чㄍ?1^36040701a^):一幅Cool图,然后是每个导航条在依照着自己的轨迹运动,当我们的鼠标指向按钮时,按钮的运动终止,鼠标离开按钮,按钮依旧运动,按下按钮后开始播放另一动画,当动画播放完毕,又回到主画面。很炫吧,跟我动手开始:
  ?牐?1.打开Flash,先制作出按钮,按钮的制作方法如下:
  ?牐犚蛭飧霭磁ゲ恍枰鞲銮虻陌磁ケ浠茫訳p,Over,Down,Hit四个区域的按钮样式是相同的,在这里讲解一点按钮的制作方法,Flash中的按钮是用四种不同的样式来表示的(图2^36040701b^),Up区是表示按钮的正常状态,Over区是表示按钮被指针指向时的状态,Down区是表示按钮被鼠标按下时的状态,Hit区表示按钮感应鼠标的区域。
  ?牐?2.然后插入一个Movie Clip(Ctrl+F8),将按钮拖入中心位置。
  ?牐?3.在Movie Clip上加入Action程序,在按钮上单击鼠标右键。选Action项加入代码:
  ?牐爋n(press){
  ?牐爂otoandplay("scene2",1)
  ?牐牓爙
  ?牐?//当鼠标单击时开始播放场景2
  ?牐爋n (rollOver){ ??
  ?牐爏top();
  ?牐爙
  ?牐?//当鼠标指向按钮时,停止对象的运动
  ?牐爋n (rollOut){ ??
  ?牐爌lay();
  ?牐牓爙
  ?牐?//当鼠标离开时,继续对象的运动
  ?牐?4.在我们以后的制作当中,你不必拘束于场景2,你可以使用场景3,场景4,使每个按钮被按下时,时间轴转换到相应内容的场景就可以了。
  ?牐?5.在Movie Clip的时间轴上依次加入一到七个关键帧。
  ?牐?6.在第二帧上打开Window中的info面板,输入X坐标为300,第三帧是200,第四帧是-100,其实这些坐标是无所谓具体位置的,有一个原则掌握就行了,不能超出场景以外,最后一个关键帧的坐标与第一个相同。这样就可以使按钮循环播放了。
  ?牐?7.在七个关键帧上建立Motion动画,然后像我这样把它们拖到第二十帧,第三十帧,找一个你喜欢的地方(图3^36040701c^)。
  ?牐犇阋丫勒瘴业陌旆ㄖ谱骱昧讼嘤Φ腗ovie Clip,每个Movie Clip中包含一个按钮,每个按钮依照自己独立的轨道运动,按钮被按下时都将转换到相应的场景。
  ?牐犗衷谀阋丫瓿闪酥鞒【暗目刂品矫娴哪谌萘恕?
  ?牐?8.现在我们来制作相应内容的场景。我想这方面朋友们会依照自己的把握做好演示的。
  ?牐?9.在每个场景的最后一帧加入Action如下:
  ?牐爂otoandplay("scene1",1)
  ?牐?//跳转到场景1,也就是主场景。
  ?牐?10.把Movie Clip都拖到场景1的第一帧里,用Window菜单下的Align面板使它们对齐,这个网站的雏形就完成了。再加上一个Cool音效作为背影音乐,是不是很美?还不快按“Ctrl+Enter”测试一下。
  ?牐犉涫礔lash制作的多媒体网站,基本上使用帧跳转命令和一些鼠标事件加以控制就可以了。接下来我们学习一点帧跳转命令和鼠标事件使用帧跳转的命令:
  ?牐爂otoandplay()
  ?牐?//使时间轴跳转到指定的帧并开始播放。
  ?牐燝otoandstop()
  ?牐?//使时间轴跳转到指定的帧并停止播放。
  ?牐燬top()
  ?牐?//时间轴停止在当前位置。
  ?牐燩lay()??
  ?牐?//时间轴在当前位置开始播放。
  ?牐犑蟊甑陌磁ナ录?
  ?牐燨n(press)
  ?牐?//当按钮被鼠标单击时触发。
  ?牐燨n(release)
  ?牐?//当鼠标在按钮上单击并且松开时触发。
  ?牐燨n(releaseOutside)
  ?牐?//当鼠标在按钮上按下,拖到按钮以外释放时触发。
  ?牐燨n(rollover)
  ?牐?//当鼠标指向按钮时触发。
  ?牐燨n(rollout)
  ?牐?//当鼠标指向按钮然后离开时触发。
  ?牐燨n(dragout)
  ?牐?//当鼠标按下按钮拖到按钮以外时触发。
  ?牐燨n(dragover)
  ?牐?//在按纽以外按下鼠标拖到按钮上释放时触发。
  ?牐犝庑┖杂诙嗝教逋镜闹谱魇窍嗟庇杏玫模蠹铱梢跃僖环慈嘈拍慊嶂谱鞒龈咂分实撵拍慷场?
  ?牐?1.设计首页,加入导航条,每个按钮实现Movie Clip的跳转或是场景的跳转。
  ?牐?2.设计首页的画面,以形象页的形式出现,加入主体形象动画。
  ?牐?3.设计每个按钮所跳转的部分的Movie Clip或是场景的动画内容。
  ?牐?4.为按钮或是场景加入背景音乐。
  ?牐?5.制作帧跳转部分的Action脚本。
  ?牐?6.测试,输出。
  ?牐牭比欢嗝教逍问讲痪幸桓瘢灰钊胙?习Flash制作和多观赏国内外著名的多媒体网站,相信你也会成为一名出色的多媒体设计师,制作出完美的动态多媒体网站。