精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>已关闭版区>>● 多媒体>>程式编写>>Director>>基础教程:Director 8新手上路(6)

主题:基础教程:Director 8新手上路(6)
发信人: leweiwen(le)
整理人: leweiwen(2001-03-04 13:47:40), 站内信件
作者:Lakesea
出处:5Dmedia.com


第六章  可视化的交互创作 

    交互是多媒体的灵魂,如果一个多媒体作品没有交互,那它称不上是一个合格的多媒体作品,只能称作是幻灯片。所谓交互就是人机进行沟通,沟通的方法各种各样,最常用的交互是你鼠标点击一个按钮,程序执行响应的子程序。更好的交互系统还具备提示功能,在你点击错误是,程序会提示你如何进行正确的操作。当然,交互还有很多方面的应用,例如现在网上比较流行的鼠标跟随,也可以称作是一种交互,程序判断你的鼠标状态,然后做出响应的反映。一些更有趣的交互是你可以直接对着计算机的麦克风发命令,让它为你执行各种程序。
    然而,交互虽然用起来非常舒服,做起来却没这么简单,在Director以往的版本中,虽然可以用很简单的命令来进行交互程序的设计。但是对于不喜欢编程的用户还是一件苦的差事,从Director6.0开始,Macromedia试图改善这种状况,开始增加了一些Behavior来减轻程序员的负担,扩大Director的开发队伍,知道现在的8.0,这种状况终于得到彻底的改观,你不需要写任何语句,就可以做出以前只有专业程序员才能做出的效果!心动了吗,开始行动吧。
    熟悉Dreamweaver的人,对Behavior不感到陌生,其实Behavior就是一些别人提你写好了的程序,你直接把它们放到正确的地方,然后把一些参数设置一下就可以了。Director的预定义Behavior的是通过Library Palette窗口来实现的。选择Window>Library Palette命令,可以显示这个窗口。使用Library Palette窗口,你可以单击、拖动并把行为添加到你的影片中,但是你“不能”编辑或者删除这些行为。
    我们通过一个简单的交互实例来介绍在Director中如何进行可视化的交互程序开发。我们设计的一个交互程序是这样的:首先是一个静止的场景,在场景中有两个按钮,一个按纽是跳转到精灵的鼠标跟随画面,一个按钮是跳转到精灵躲避鼠标的画面。在这两个画面中,都有一个返回按钮可以返回到主场景。

第一步:准备素材:

1、新建一个影片,设置大小为400*300。
2、把fun.dir中的“青山”、“蜜蜂”、“未开的花”、和“盛开的花”四个演员复制到新的影片的演员表中。
3、在Paint窗口中制作一个红色的按钮。
4、复制此红色按钮,并在紧接着的演员窗口粘贴此演员,再通过Paint窗口把它的颜色变为兰色,作为按钮的Roll over状态。

第二步:布置主场景:

5、把“青山”演员拖到舞台上,放置到合适位置。把帧的跨度设为10。
6、把红色按纽放到屏幕偏左下放合适的位置,并设置Ink属性为Matte。把帧的跨度设为10。
7、选择Window>Library Palette命令,显示出Library Palette面板。
8、单击左上角的“Library List”按钮,在弹出的菜单中选择Controls库。
9、把Push Button库拖到舞台的红色上。
10、系统弹出对话框,提示将把下一个演员当作按钮的Roll Over状态,单击OK。
11、单击运行按钮,可以看到当鼠标移动到红色按钮上时,按纽变为兰色。
12、在演员表中,建立一个文字演员,输入“到鼠标跟随”。
13、把文字演员放到按钮的正下方,并设置Ink属性为Matte。
14、在Library Palette面板左上角的“Library List”中选择Navigation库。
15、拖动Play Frame X库到按钮上,在弹出的对话框中输入15,表示鼠标单击此按钮时,播放头移动到第15帧。
16、用同样的方法在右下角建立另一个按钮,在其下放置“到躲避鼠标”文字演员。并把Play Frame X库属性设置为30。
17、拖动Hold on Current Frame到第10帧处的Script通道中。表示播放到第10帧,就自动停止,一直等待用户输入。
18、单击运行按钮,查看运行情况。

第三步:制作鼠标跟随画面。

19、复制第1到10帧的青山演员,粘贴到第15帧开始处。
20、把“未开的花”演员拖到舞台上合适的位置,并进行大小缩放。
21、设置工具面板中背景的颜色为黑色,在精灵的Ink属性中选择Background Transparent。
22、拖动“蜜蜂”演员到舞台,设置起Ink属性为Matte。
23、在Library Palette中的Library List按钮中选择Animation下的Automatic库。
24、拖动Random Movement and Rotation库到“蜜蜂”精灵上。这样在没有鼠标动作时,蜜蜂会自动飞行。
25、在Library Palette中的Library List按钮中选择Animation下的Interactive库。
26、拖动Sprite track Mouse库到蜜蜂上,这样蜜蜂就会跟随鼠标运动。
27、在右上角建立一个返回按钮。单击后可以回到第10帧。
28、在第25帧的Sprite通道设置Hold on Current Frame行为。这样播放头就会停留在25帧处,等待鼠标动作。

第四步:制作鼠标躲避画面。

29、参见第三步,可以顺利制作出精灵躲避鼠标的画面。整个制作完成,单击运行按钮检查影片是否运行正常。

第五步:生成EXE文件。

30、保存文件后,选择File>Creat Projector,在弹出的面板中选择刚才保存过的dir文件,单击Creat按钮,然后在弹出的面板中输入文件名,单击保存按钮。

    OK!大功搞成,一个漂亮的EXE文件就生成了,感觉如何,没有写任何代码吧?
    最后,要告诉大家的是,不要以为学到这就掌握了Director,其实现在我们还是才接触了Director的皮毛,许多知识我们都不能一一细讲,包括声音、动画媒体的导入和控制,文本、Field演员的用法,虚拟现实的开发,Shockwave的制作,Multiuser Server的应用,以及Director的法宝——Lingo语言,这么多知识,不是一两天时间可以学会的,但是学习的过程也是快乐的,因为你在钻研一门真正的顶级多媒体开发工具,当你能熟练掌握Director时,你就可以说:只有想不到,没有做不到!如果大家在学习Director中有问题或者有心得想和我交流,我非常乐意和大家一起讨论Director的问题,可以通过我的邮箱[email protected]或者到我们的bbs http://5dbbs.yeah.net/ 上和我联系。

[关闭][返回]