我用"行为"作动画系列教程(四)-站长中国-中国站长门户从这里开始全面了解中国站长

我用"行为"作动画系列教程(四)

　 2008年02月18日16:49:52　评论(0条) 字体:[大中小]
相关热点：教程系列动画行为音乐播放组件线索

我们已经学了三节的行为课程,做了不少的例子,发现用“行为”实现动画交互是如此简单.而且作出的效果也是不错滴….利用行为面板中提供的行为功能,只有想不到.没有作不到的效果.哈哈..偶是这样认为滴…..
为了照顾初次看到这一节的闪友们.我们再简单的回顾一下行为的一些知识.

行为是预先写好的动作脚本。当选中触发对象(例如按钮或是MC或是屏幕)并指定了触发事件(例如按下按钮或是到达某帧)就会触发定义好的的行为动作. 行为被整合在行为面板中,基于对话框的方式为Flash增加AS脚本. :当动画创作者没有能力编写AS代码或者不希望编写时.行为就是很有用!但是行为只适用于增加一些标准的和常规的交互特性.当要完成复杂交互特性你还是得编写AS脚本.

行为可以完成的功能有:

可以加载,控制外部的”图像”,”视屏”,”影片”,”声音”,”数据”和”打开网址”等
还可以控制切换影片全屏播放和当前影片中的MC的”播放”,”停止”,”深度”,”托动”等
还可以为幻灯片演示和窗体应用增加导航和过渡效果等
还可以控制媒体的加载播放,并利用线索点进行导航……等等

使用行为的四个步骤:

一:选中希望附加行为的项目—这个项目就称为”触发对象”(例如MC或是按钮或是关键帧)与添加AS代码的首要步骤一样.

二:打开行为面板在面板上通过”+”加号图标选择你想要附加的行为.当你选中的是不同的项目.所弹出的上下文菜单也是不同的.

三,当你附加一个行为时,会自动弹出一个对话框.你就可以通过对话框定义行为了.(这就是为什么行为很简单的原因)

四:第三步完成以后,你就可以看到当前选中的项目已经附加的行为了.你还可以继续添加.还可以删除.还可以修改行为.这个时候你打开”动作面板”你会看到这个选中项目上已经自动附加了AS代码!你也可以在这里作简单的修改和删除.所做的改动会直接影响到行为面板.

(更多内容参考:我用\"行为\"作动画系列教程(一)---我用\"行为\"作动画系列教程(三))

在第三节中我们讲到了有关”媒体”的行为.并作了一个动态加载音乐的例子.但我们也是简单的介绍了如何使用行为来从外部加载并控制一个音乐或是视屏的播放.那对于”媒体”的行为还有两个我们没有讲到,那就是”线索点导航”(包括:幻灯片线索点导航与指定帧线索点导航) 按此在新窗口浏览图片

这一节我们结合上次讲到的动态加载音乐进行播放后,利用线索点来导航,从而实现一个片头动画的这么一个效果.(你还可以实现短小的MV.过程是一样的)
上次(第三节中)我们是用MediaController 和 MediaDisplay组件通过附加行为将它们两个关联在一起.用MediaController组件来控制MediaDisplay的播放.
但这次让它一加载就开始播放. MediaController组件用来控制它音乐暂停并显示音乐播放时间,(我们这个例子中主要是观察音乐播放时间,看如何利用它的线索点来导航). (如果你熟悉了用法可以不加MediaController组件)
什么是线索点导航?当视频或是音乐播放了线索点指示的一段时间以后， Flash 文档将定位到在线索点中输入的帧或是帧标签或是指定屏幕的位置。

以下操作也许对初学者要难点.请仔细~阅读~思考~
1.新建一个文档.在主场景中拖入一个MediaDisplay组件(打开组件面板(ctrl+F7).然后拖出如图所示的MediaDisplay组件到主场景中.)

按此在新窗口浏览图片

你会看到一个只有一个外框的组件.在它的属性面板中(ctrl+F3)点击”启动组件检查器”,然后在弹出的组件检查器中设置如图所示(URL:音乐.mp3,并选择它加载后自动播放.就是打上那个小对勾)

按此在新窗口浏览图片

然后再新建一层拖一个MediaController组件到主场景中.并使用上节中的方法将MediaDisplay组件关联.但参数如下:

按此在新窗口浏览图片

设置好后.我们先保存源文件.(ctrl+s),然后在与源文件同一目录下放置名为”音乐.mp3”的音乐文件.这时你如果在FLASH中测试文档会听到音乐.并在”控制器组件”中能看到播放时间并能对音乐进行暂停和播放.(如果没有音乐请检查你所放置的是否是mp3文件.而且是flash能够正常导入的那种.(flash对mp3的导入是很挑剔的.有些mp3不符合flash 能够导入的要求时.外部加载也一样不能被加载.请参考其它相关资料)

2. (为了以后编辑还是作这一步吧.你也可以不进行这一步)当第一步完全测试通过后.我们把放置这个MediaDisplay组件和MediaController组件的图层1,和图层2改名为”音乐”和”控制”并将它锁定.

3.我们开始制作我们的音乐片段.然后通过设置线索点(怎么设置一会儿再说),根据音乐的播放时间,让其自动导航.假如我上面的音乐随着播放会出现三个分画面.那么我们先制作这三个画面.每一个都是一个大MC.(影片剪辑.)
在这里我就不讲画面(MC)制作了.这些镜头画面在实际当中是根据你的音乐和你的需要自已作出来的.只要保证每一个镜头画面作在一个大的MC里,就不会影响我们的线索点导航.而且也是最简单最方便的.(当然你也可以作到主时间轴上.那样导航时有些麻烦…..)

4.将画面作好后.比如我的例子中.三个画面都作好了.并让这三个画面在音乐播放到5秒后出现第一个画面,然后播放到10秒时换第二个画面.到第14秒时换第三个画面,第16秒时出面返回画面.(我的音乐长16秒多)
新建一层用来放置这些画面. 在第1帧上加个stop();将第1,第2,第3画面分别放置到2,3,4帧上,第5帧上放置一个返回按钮.时间轴如图:

按此在新窗口浏览图片

然后将”控制”层第二帧插入空白关键帧.这样播放到画面1及以后的画面时MediaController组件就不会出现了.但音乐层必须延长到第5帧.就像上图一样的时间轴.

5.我们开始创建线索点.并给显示组件附加行为..
选中音乐层上放置的MediaDisplay组件(也就是第一次拖放的显示组件).在属性面板中点”启用组件检查器”.按如图设置

按此在新窗口浏览图片

右上面红框选的就是线索点.我根据我的需要增加了4个线索点.
Name字段放的是要跳转的第几帧或是帧标签名.position字段就设置当音乐播放到什么时间作跳转?格式是:小时:分:秒:毫秒
因为我们在第1帧加了stop();命令,所以一开始播放时不会播放其它帧的.上面线索点的意思是当音乐播放到5秒时跳转到第2帧.当音乐播放到10秒时跳转到第3帧.当播放到14秒时跳转到第4帧,当音乐快结束时(也就是结束了)跳转到第5帧.(这时可通过返回按钮返回到第一帧.)(我的音乐长16.337秒)
那么跳转后是播放还是停止呢主时间轴呢?因为我们没有在其它2---5帧上加stop();命令.所以就的通过将要给MediaDisplay组件附加的行为来具体控制.
此时如果已经选中了MediaDisplay组件(显示组件),那么打开行为面板.附加”媒体”---“指定帧线索点导航”,在弹出的对话框中选择要导航的时间轴为”_root”(主时间轴),并在方框处打对勾.以表示转到后停止.

按此在新窗口浏览图片

好了,我们的效果已经作完了.测试一下吧!
效果:
点击浏览该文件

由于外部导入的音乐,请下载压缩包后解压在本地机子上测试~
源文件:线索点导航
学会了这个行为的用法,你就可以自己作一个MV,,线索点导航与音乐的同步效果还是很不错滴~
线索点导航还包括一个:幻灯片线索点导航,增加线索点的方法同上例子.只是在附加行为时. 幻灯片线索点导航必须在屏幕环境下编辑.然后在上例中增加线索点时的Name字段中填上”幻灯片名”就可以了.(关于屏幕创建我们在第二节时讲到过.你可以参考~)