《交互性动画的基本设计知识之一》由会员分享,可在线阅读,更多相关《交互性动画的基本设计知识之一(47页珍藏版)》请在金锄头文库上搜索。
1、交互性动画的基本设计知识之一作者:郭成强 来源:cpcw 发布时间:2000-3-3 发布人:做网站admin减小字体 增大字体 贔 lash4.0中建立一个交互式动画的基本知识概览 Flash作为目前正大红大紫网页动画设计工具,正越来越受到广大网友的喜爱,互连网上用 Flash制作的站点也是越来越多,其神奇的表现令人流连忘返,叹为观止。特别是其交互性设计,更令网页多了几分体贴与灵气。访问者可以通过键盘或鼠标操作从一个动画跳转到另一处,可进行移动对象、输入信息或进行其他形式的交互操作。设计交互式动画主要就是通过设置当某一事件发生时所应执行的 Aciton。比如用户用鼠标按一个按钮或在键盘上按下
2、一个键时,将激活一个对应的 Action操作。以下内容是笔者结合自己的使用整理的一些资料,不是一步一步式的教程,仅向你提供一种参考性的资料。若发现其中有错误,还请不吝赐教,以利大家共同提高。第一章:交互性动画的基本设计知识Actions的设置:该设置是在一个按钮属性或帧属性对话框中的 Actions标签中进行的。简单的交互性动画,如停止或开始顺序播放等操作仅需要极简单的设置。而如果要设置复杂一点的操作就要用到少量的表达式;制作非常复杂的交互式动画则必需熟悉编程语言,下面是定义一个动作事件的简单介绍。一、定义一个按钮事件的基本过程:当鼠标在一个按钮上按下或经过按钮上方时,产生一个响应而不影响其他
3、的按钮响应。在进一步学习之前我们先介绍一下什么是:Instance,如果我们将某个常用对象加到 Symbol库中,每当从中引用一次,被引用的这一次就是一个 Instance,如果说 Symbol是一个子程序的话,那么 Instance就是一次调用。下面是制作一个按钮交互的具体步骤:1、 从库中选择一个按钮 Instance,然后选择 ModifyInstance。或者双击这个按钮 Instance。2、 选择 Actions标签。3、 单击号,然后从弹出菜单中选择一个说明。如果该该标签不可用,说明你选择的不是一个按钮 Instance,你可以选择 Definition标签,使被选择的这个 In
4、stance具有类似按钮的属性,但这种方式可能不能指定按钮的状态。4、 当你选择了一个 Statement,Flash 自动插入一个 On/End On语句,并设置 Release为默认的按钮状态。 任何时候你都可以通过选择 On MouseEvent来插入一个 On/End On语句。在Parameters(参数)格中,On (Release)突出显示,选择一个激活动作的鼠标或键盘事件。如图(1)所示。下面是 鲅畹木咛逑煊 猓?br Press:当指针经过一个按钮并按下鼠标左按钮时激活。Release:当指针在按钮上,按下的鼠标按钮被释放时激活。Release Outside:当鼠标指针在按
5、钮范围之外被按下后释放时激活。Roll Over:当鼠标指针从按钮上方经过时激活。Roll Out:当鼠标指针经过按钮区域之外时激活。Drag Over:当按住鼠标从按钮对象中向外拖曳出来后不要松开鼠标重新返回按钮,事件将被激活,就如同拉开枪栓再打回去,子弹被激活一般。Drag Out:当从按钮对象中向外拖曳出对象范围时,事件将被激活。Key Press:当指定的键盘按键被按下时就激活事件。5、单击号按钮并从打开的菜单中选择一个需要的 Statement,系统会给出一些默认的内容,如果比较熟悉的话还可以输入一些参数加以控制。测试按钮,具体步骤如下 :在 Control菜单中选择 Enable
6、Buttons 。然后选择 Test Movie。二、为某一帧指定一个动作为某一帧指定一个动作,当运行到这一关键帧的时候就激活事件。比如建立一个循环,你可以给 20帧指定一个动作,当运行到 20帧时就跳转到第 10帧并播放。在不同的层中使用这一方式是非常好的主意,这种类型的帧上会显示一个字母a。分配一个动作给关键帧的具体操作步骤如下:1、 在时间轴上选择要赋予动作的关键帧,并选择 Modify菜单中的 Frame。或双击一个关键帧。如果该关键帧没有被选中,动作将被赋予之前的关键帧。2、 选中 Actions标签,单击号,然后从弹出菜单中选择一个 Statement。如图(2),3、 可以设置当
7、运行到此帧时的更多响应。Flash 按照顺序执行这些设置的 Statement,用上下按钮可以改变其顺序。在场景中测试一个帧动作:在运行这个动画之前,在 Control菜单中选择 Enable Frame Actions 。三、编辑动作:使用 Instance属性对话框中 Actions标签,还可以改变 Action的设置内容。具体方法如下:改变设置的 Statement的顺序:选中一个动作,然后使用上下箭头按钮即可改变其执行时的次序。删除一个动作:选中该动作,按-号按钮。改变一个动作的设置参数:只需输入一个新的参数。四、停止播放所有的声音:使用 Stop All Sounds语句停止播放音频
8、而不打断时间轴上动画上的运行,这不同于简单的调节音量。Stop All Sounds 影响动画中所有声音的效果。你可以将 Stop All Sounds加到一个按钮中,以便用户自己来停止网页动画中声音的播放。五、 跳到另一个帧或场景: 使用 Go To语句跳转到动画中另一个指定的帧或场景。你会得到一个下面选项:停在跳转到的帧呢?还是运行后返回从此帧继续运行。默认的设置是跳转运行后停止该动画。Go To 语句有下面一些参数: 1、 Scene:指定一个目的场景,如果你已经选择或命名了一个场景,你可以指定其中的一个具体的帧。如果你选择了下一个或前一个场景,则自动跳转到这些场景的第一帧。2、 Fra
9、me:指定当前或选择的某个场景中的一个帧。你可以输入一个帧的帧号码、标题、或包含其号码或标题的表达式;可以指定前一帧或后一帧。例如下面的表达式就表示跳转到包含动作的帧之前的五帧处:Go to and Stop(currentframe + 5)。3、 Go To and Play:跳转到指定的帧并播放,如果该选项未被选中则停止在该帧。六、跳转到另一个 URL:使用 Get URL语句来装入另一个 URL, 或传送变量到另一个应用的 URL。要测试这个动作,文件必须在指定的位置,并且绝对路径可以可靠的连接,例如: http:/。该语句有下面几个参数:URL:指定一个 URL地址。Window:指
10、定将被装入的窗口或 HTML帧。你可以输入其名称、指定窗口、帧、或表达式,你可以从下面选择这些保留字。 self:在当前窗口的当前帧。blank:指定一个新的窗口。parent:指定当前帧的父帧。top:指定当前窗口的上一层的帧。Variables:阻止或允许使用 Get或 Post来传送变量,或着不传送任何变量。Get 方式追加这个变量在 URL的最后,一般用来传送较小的变量;而 Post则可以传送较长的字符串变量。七、监测某帧是否下载: 使用 framesloaded属性(包含 IF语句)或 If Frame Is Loaded语句来监测指定帧中的内容在本地机上是否可用,利用这一条件来启动
11、一个简短等待动画, 免得访客等得心焦。二者的主要区别是 If (_framesloaded)语句引导你加入一个 Else或 Else If 语句到你的动作事件中,非常快捷。而 If Frame Is Loaded 语句引导你在语句中指定一个帧的数值。利用这两个特点制作一个 loading是非常合适的。下面是一些具体应用的简略介绍:1、 当所有的帧都已下载并开始播放使用 If Frame Is Loaded建立一个动作事件跳出动画循环。例如一个循环的动画只有两帧,需要下面的语句才能在第二帧下载后条件满足时正确跳出:If (framesloaded) Go to and Play (3) Else
12、 Go to and Play (1) End If2、如果一个 30帧的动画下载完毕之前循环播放一个只一两帧的动画,当下载完毕时需要跳出,需要下面的语句才能正确匹配到第一帧:If Frame Is Loaded (30)Go to and play (3)End If Frame Is Loaded当我们插入一个 If Frame is Loaded语句时,Flash 会自动在结尾处插入一个 End If Frame is Loaded作为结束标记。在上述循环播放的小动画的第二帧应匹配一个动作事件,重新回到第一帧,以实现循环:Go to and play (1)当在 If Frame is
13、Loaded语句中指定的帧成功装入时,动画就会播放完第二帧后从第三帧接着开始继续播放,而退出循环。这种技巧一般被用在下载一个大的图片或声音文件时被采用。If Frame Is Loaded语句有下面几个参数:Frame: 指定你希望在下一个语句执行之前装到本地机的帧的号码。Scene:包含指定帧的场景。八、装入或退出附加的动画: 使用 Load Movie和 Unload Movie 语句来演播一个附加的动画而不关闭 Flash Player 。通常,Flash Player 显示单个 Flash Player movie (SWF文件),Load Movie 可以让你不必装入另一个 HTML
14、文档就能一次显示多个动画文件。Unload Movie 则移走一个先前被 Load Movie装入的动画文件。在下面几种情况下你可以使用 Load Movie:1、 在播放一系列动画文件的时候,在每一个动画的后面都使用一 Load Movie语句来装入紧接着的一个动画,来提高速度。2、 在开发一个能够让用户在多个不同的 SWF文件之间选择的分支界面时。3、 在设计一个导航界面时,通过提前装入,你可以实现页面过渡的平滑效果,使用户不必过多的等待。Load Movie和 Unload Movie有下面几个参数:Action:识别是否装入或不装一个动画,或从一个文本装入变量到激活的动画。URL:为
15、SWF文件指定一个绝对或相对路径的地址来装入,用于 Flash Player或测试一个 Flash动画。所有 Swf文件必需保存在同一个文件夹中。Location:为 Load Movie或 Unload Movie 语句指定一个层或目标对象。在 Flash Player中,动画文件依据被装入的顺序分配一个数字。首先被装入的动画在最底层,其帧频、背景色、帧尺寸等被其他动画所共同使用。你可以在已经装入了 Swf文件的层中追加动画,后继者将取代已经存在的动画。如果你使用了 Load Variables,已经激活的动画不会被取代,但变量将会更新为新值。如果你在首层装入了一个新的动画,其他各层的动画将
16、被移出,首层则被新的动画所代替。Target:指定你想被装入的动画代替的动画片段,如果你使用了 Target,而且其将继承该动画片段的位置、旋转、比例等具体属性。Load Movie和 Unload Movie 语句不能在编辑模式下运行。Use Control $#62; Test Movie可以来验证其是否能正常工作,而且必须路径正确。如果是绝对 URL路径,使用 File $#62; Publish Preview 来测试,且网络连接存在并已激活。九、调整动画的显示质量: 使用 Toggle High Quality 语句来控制 anti-aliasing。可以控制动画的显示速度和质量。Toggle High Quality影响所有的动画播放效果。Toggle High Quality 分配一个按钮给访问者调整回复的动画质量。下面的动作用第一个按钮关闭 anti-aliasing。第二个按钮反之。 On(Press)Toggle high qualityE