荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: gary (~心静自然凉~), 信区: Homepage
标  题: 一步一步学用Flash5--ActionScript
发信站: 荔园晨风BBS站 (Sat Jun  2 21:45:47 2001), 转信

http://www.5dmedia.com/5dmedia/web/flash/basic/20001121/00000597.asp

《一步一步学用 Flash 5 》

                    ---------- Action Script

          朋友们,我们又见面了,不知大家最近“闪”的如何了?从上期结束,
你已基本掌握了Flash 5 的所有基础操作,那么从这期开始我们讨论一些相对深入
的技巧以及一些经典范例的制作。

          在这之前,你需要对已学知识做进一步的巩固以及通过各种渠道学习本
教程中没有提到的东西。尤其象 Action Script 部分,这也是Flash 5 变动最大
的部分,从Flash 4 的几十条增加到现在的一百多条语句,可见其变化之大。而同
时呢,在基础的操作中,本教程也只是挑选了一些较为典型的作为讲述对象,而实
际操作中可能涉及的范围非常多,限于篇幅,不能都顾及到,在这里我介绍几个比
较优秀的 Flash 站点供大家参考学习使用:

l         闪客帝国 http://www.flashempire.com/ 目前国内最权威,内容最丰
富的 Flash 站点,其中的闪客交流中心里有许多国内高手。

l         闪光地带  http://zippy.yeah.net/  有许多 Flash 相关软件,教程
和 Flash 资源下栽。

l         经典论坛  http://www.blueidea.com/ 也是一个 Flash 高手云集的地
方。

l         ONLY’s   http://babyonly.yeah.net  本人的小站,也有些 Flash
内容,还请大家原谅我对自己网站的无耻宣传。

l         Macromedia http://www.macromedia.com Macromedia 管方网站,
Flash的老家,你可一定得去看看。

l         MacromediaChina http://www.macromediachina.com Macromedia中文
官方站。

再探 Actions

          HTML 文本格式

          好了,介绍完资源后,开始我们这期的话题,在前面的新增功能介绍中
,我们知道 Flash 5 可以在影片中插入 HTML 代码来格式化文本,那么这到底是
如何实现的呢?我们来做一个实验,运行 Flash 5 并建立新文件,然后选择工具
栏的  文字工具在工作区建立一个文本输入框, 然后选择 Windows 菜单下 Panels
 子项的 Text Options 命令,打开Text Options 面板, 如图:



在第一项的下拉菜单中选择 Dynamic Text ,面板就会变成上图的样子,在第二项
的下拉菜单中选择 Multiline ,然后勾选右边的 HTML 项,最后在 Variable: 项
里输入一个名称,这也是 Flash ActionScript 判断的名称,本例使用的名称是
HTML。

          现在,你可以在次选择  文字工具将刚才建立的文本输入框拖动到合适
大小,这个文本输入框的大小和位置就是 HTML 代码解释后显示的地方。此文本框
中不需输入文字。然后选择 TimeLine 的第一帧,点友键选择下拉菜单中的
Actions 项弹出 Actions 编辑面板。如图:



点击 Actions 面板左上角的  加号按扭,在下拉菜单中选择 Actions 项下的 Set
 Variable,然后在对话框的 Variable: 项中输入HTML,这个名称就是刚才赋予文
本框的变量。然后在下面的 Value :项中输入一串简单的HTML代码。范例中输入的
是 <a href=http://babyonly.yeah.net>欢迎来ONLY’s Art</a> ,完成以后因该
和上图类似。现在,你可以按 Ctrl+Enter 测试效果, 操作正确,因该会显示刚才
输入的超级链接的文字部分。

          现在你知道为什么要选择 Text Options 面板的 Dynamic Text 类且勾
选了 HTML 项,而变量 Variable 可以取任意名称,不过一定要与 Actions 代码
的名称一致。在用HTML代码格式化文本中,Flash 支持以下HTML标签:

l         <A>

l         <B>

l         <FONT COLOR>

l         <FONT FACE>

l         <FONT SIZE>

l         <I>

l         <P>

l         <U>

你可以实验一下使用其他标签的效果。

          更换光标

          不知道大家有没有见到过一些多媒体作品,运行以后光标会自动消失,
或者是换成特定的光标,以前在 Flash 4 的时候就有很多朋友想做出这个效果,
无奈,当时的 Flash4没有提供这样的功能,但这已经成为历史了,在 Flash5 的
新增 Actions 中就为我们提供了一项隐藏光标的命令(Mouse Hide),而通过
StartDrag 命令我们更可以将光标换成我们希望的任何样子,这样,在你的 Flash
 作品中你就可以使用自己的个性光标了,通过不同作品使用不同类型的光标,更
可显示出作品的交互性,听到这里你是不是已经按耐不住想马上试试了?OK,我们
这就开始,先看下面这张图:



在图中,白色方块就是替换过的光标,通过地图背景实现了锁定目标的效果,我们
来实现它。

          运行 Flash 并建立新文件,我们需要做一个光标用已替换现有的
Windows光标。选择 Insert 菜单下的 New Symbol 建立一个 Movie Clip ,在新
建的MC工作区画一个光标,范例中的是一个白色方块加四个反向箭头,你也可以画
一个你想要的形状。绘画过程不用我在说了吧 J

          然后回到主场景中,按 Ctrl+L打开 Library 面板,把刚才创建的光标
 Movie Clip拖到主场景中,然后按 Ctrl+I 打开Instance 面板如图:



选择工具栏的  箭头工具点选场景中的 Movie Clip ,并在 Instance 面板中赋予
其名称“post” ,接下来选择 TimeLine 的第一帧点右键,在弹出的菜单中选择
 Actions 打开Actions 编辑面板,点击其左上角的  加号按扭,选择 Actions 下
的 StartDrag 命令,这时面板如下图所示:



现在我们需要定义 Target: 项,点击右下角的 Insert a target path 按扭(小
圆十字),弹出插入目标路径对画框 ( Insert Target Path) ,如图:



可以看到,我们刚才赋予名称 post 的 Movie Clip 在此列出,双击它,当
Target:项出现 /post后按OK。回到 Actions 编辑面板,勾选 Lock mouse to
center 项。再次点击 Actions 面板左上角的  加号按扭,在弹出的菜单中选择
Objects 下 Mouse 子项下的 Hide 命令。完成以后代码如下:

startDrag ("/post", true);

Mouse.hide();

          现在你可以按 Ctrl+Enter 测试效果。其中,StartDrag 为拖拽命令,
可以使一个被赋予名称的Movie Clip 跟随鼠标运动,给Movie Clip 命名就是让
startDrag 根据指定的名称控制对象。而勾选的 Lock mouse to center 则使这个
Movie Clip 紧紧锁定在光标中心位置,如果不勾选会怎么样?你试试就知道了。
呵呵,后面的 Mouse Hide 就不用我说了吧,当然是隐藏现有光标了。

          现在你已经完成了最主要的工作,接下来画一些网格在找个地图背景加
进去,就和范例没什么区别了!

          通过这次的制作过程,相信你已经初步感受到了 Flash
ActionScript 的强大,而这次用到的也只是 Flash 5 一白多条语句中的一两条而
以,要想不落伍,就要不断学习哟!不知不觉时间又差不多了,我们下期在见吧!


--
   I Believe I Can ...
_____________________________________________________
欢迎光临我的主页          Netdreams!
Http://netdreams.yeah.net

※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.28.85]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店