收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
一步一步学用Flash5

作者:王超 ONLY / 5D多媒体

 

Action Script

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

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

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

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

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

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

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

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

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标签:

● <A>
● <B>
● <FONT COLOR>
● <FONT FACE>
● <FONT SIZE>
● <I>
● <P>
● <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 一百多条语句中的一两条而以,要想不落伍,就要不断学习哟!不知不觉时间又差不多了,我们下期在见吧!

[上一页] [下一页]

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View