http://www.kioz.cn/ zh-cn PBlog2 v2.4 http://www.kioz.cn/images/logos.gif http://www.kioz.cn/ KIOZ http://www.kioz.cn/default.asp?id=349 liqiangno10@163.com(liqiangno100) Thu,13 Aug 2009 15:49:48 +0800 http://www.kioz.cn/default.asp?id=349     场景的跳转可以利用多个语句来完成，但是最简单，最常用的语句就是今天我们要介绍的goto语句。Goto语句可以方便的实现帧与帧，帧与场景，场景与场景的跳转。 
跳转到下一个场景的具体步骤：
    Goto (andplay,andstop)是Flash Action Script中最常用到的语句。我们先来认识一下goto语句。如图3.2.1所示。 
图3.2.1   goto语句的位置 
    goto语句的意思是跳转并播放或停止。默认状态是跳转并播放。最常见的有三种：第一种是帧的跳转；第二种是场景的跳转；第三种是帧标签的跳转。下面就这三种跳转方式，详细介绍goto语句的使用方法。 
3.2.1.1    帧跳转 
    1、打开Flash MX 2004，文档属性默认。 
    2、在舞台中画一个圆形，颜色黑色。并把它转换为图形元件，命名为“黑圆”。 
    3、选中第30帧，F6插入关键帧，把“黑圆”图形元件移动到右侧舞台外。 
    4、在第1帧与第30帧之间创建补间动画。这样我们就完成了一个简单的移动简便动画。 
    5、如果我们向这个动画播放到第20帧的时候，跳转到第1帧播放，那么我们就用到了goto命令了。 
    6、在第20帧插入一个关键帧，打开Flash MX 2004的ActionScript面板。如图3.2.2所示。 

图3.2.2   打开Flash  ActionScript面板 
    7、因为要在帧上面实现跳转，所以单击选中第20帧。然后在AS面板上的【全局函数】|【时间轴控制】中找到GOTO命令，双击，这样这条语句就自动添加到右侧的输入框中了如图3.2.3所示。 

图3.2.3    GOTO的参数面板 
    8、Flash MX 2004的AS语句上面已经打开了帮助，会提示我们所使用的语句的一些参数。从图3.2.19图中可以看出gotoAndPlay右侧的括号里面是添加的“帧”的位置。我们填入“1”，就可以使影片跳转到第1帧。这样就会看到在第二十帧上有一个小写的“a”, 说明我们已经在此帧上加了ActionScript。如图3.2.4所示。 

图3.2.4    在帧上赋予AS 
    9、  存测试。需要注意的是，测试AS不能用【控制】|【播放】或者键盘上的“ENTER”。我们要发布才可以测试AS的效果。使用【文件】|【发布】或者键盘上的“Ctrl+Enter”发布进行测试。参看源文件

GOTO1.fla
3.2.2          场景的跳转 
    Flash允许使用多个场景。场景（scene）是什么概念呢？就象话剧中的“幕”的概念一样。1、利用上面的方法在场景1中做一个动画。 
    2、单击【窗口】|【涉及面板】|【场景】命令，打开【场景面板】，点击“+”，在对话框中增加一个场景。如图3.2.5所示。 

图3.2.5 场景面板 
    3、双击进入场景2，在场景2中制作一个红色矩形的移动渐变动画。 
    4、单击场景面板上的“场景1”，回到场景1，选中最后一帧，打开AS面板。 
    5、双击GOTO命令，在括号种田协调转到场景2的第1帧。注意场景2必须要用引号。如图3.2.6所示。 

图3.2.6    GOTO的参数设置 
    6、这样设置的意思就是，当动画播放到场景1的最后一帧的时候，执行跳转并播放场景2的第1帧。 
    7、好，我们保存测试，看一下到黑圆动画播放完毕以后是否会跳到第二场景播放红色矩形的动画。参看源文件

GOTO2.fla
3.2.3          帧标签的跳转 
    帧标签的概念是，把一个帧设为帧标签以后，那么这个帧就有识别身份，并永久不变。象我们用的身份证一样。帧标签一般用于复杂场景。而且它的好处是可以穿行于各个场景，各个时间。下面我们就做一个简单一点的帧标签的跳转练习。 
    1、在场景1的第1帧与第30帧之间制作一个红圆的移动渐变动画，并在第50帧与第60帧之间作一个黑色矩形的移动渐变动画。如图3.2.7所示。 

图3.2.7   动画时间轴 
    2、单击【控制】|【播放】，我们看看效果。 
    3、选中第50帧，在下面的属性面板中设置他的标签名称“FLASH8”。如图3.2.8所示。 
图3.2.8   设置帧标签 
    4、时间轴上的第50帧上面有一个红色的小旗，并有FLASH8的字样。这说明我们已经给第50帧成功的设置了一个名字为“FLASH8”的标签。如图3.2.9所示。

图3.2.9   第50帧上面的帧标签 
    5、选中第1帧，打开AS面板，进行如下设置。如图3.2.10所示。 

图3.2.10  第1帧的AS设置 
    6、gotoAndPlay(“FLASH8”);的意思是从第1帧跳转到名称为FLASH8的帧标签的位置开始播放。 
    7、保存测试。我们会看到动画直接播放“FLASH8”帧标签以后的动画了。第1帧到第30帧的动画已经跳转过去了。参看源文件

GOTO3.fla 
注  意 ——我们在做动画时，经常用许多层，那么，goto语句加在时间线上的时候，无论语句后面有多少动画，程序只是执行最前的命令，而不去播放语句后面的动画。也就是说程序只执行帧上的最早的Action。参看源文件

GOTO4.fla 

提  示 ——1，通过帧跳转，帧标签的跳转我们可以跳转到任何场景的任何一帧。 
              2，注意书写帧标签的书写规则，一定要双引号。 
              3，我们使用的范例都是在帧上做AS，所以我们必须要先选中这个帧。 

技  巧 ——上例中我们是用AS的标准模式书写，对AS熟悉以后我们可以转换到专家模式进行书写。 

试一试 ——朋友们可以在动画中试一试gotoAndStop的使用。 
 分  析——场景的跳转还可以利用其他的as命令来完成，例如telltarget。但是goto却是最简单，最容易理解的跳转语句。 
特别说明
    通过我们对“如何跳转到下一场景？”这个问题的解释，我们基本上了解了flash AS中的goto命令的使用，以及几种场景跳转的简单方法。我们可以利用goto参数面板灵活设置，例如，gotoAndPlay(“场景2”，2)；//跳转并播放场景2的第2帧。也可以进行场景跳转。 
我们在flash mv或者flash短片结束的时候看到的“replay”按钮，就是通过goto来实现帧的跳转重放的。 
相关问题
◎flash as区分英文字母的大小写吗？ 
As区分语句的大小写法，例如gotoandplay就不会有效果的。 
◎play和stop是怎么用的？ 
在影片控制类语句中还有两个比较简单的命令，play和stop。Play就是播放，一般放置在按钮上，通过按钮的时间执行影片的播放。Stop一般放置在帧上，例如在动画开始的第1帧添加stop，通过play按钮是欣赏者控制播放。 
这两条语句没有参数，具体的写法是play();   stop(); 
还需要注意的事，当stop();赋予在帧上的时候，它只是停止了此帧以后的动画，并不能停止这个帧上面的其他的as动作。
  ]]> http://www.kioz.cn/default.asp?id=307 liqiangno10@163.com(liqiangno100) Sat,17 May 2008 02:21:38 +0800 http://www.kioz.cn/default.asp?id=307 飘荷的代码： 
<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; 
overflow: hidden"> <div style="position: absolute; top: 0px; left: 0px"> 
<EMBED src=" http://www.wzsj-home.com/flash-sc/touming-flash/qq-flash/030.swf" width=500 height=400 
type=application/octet-stream wmode="transparent" 
quality="high"></EMBED> </div> <div style="position: absolute; top:350px; left: 235px"> 
<TABLE cellSpacing=0 cellPadding=0 width=510 
align=center border=0><TR><TD 
style="filter:chroma(color=#ffff66)"><div 
style="width:100%;filter:glow(color=#00ff00 
strength=19);color:white"><FONT style=" FONT-FAMILY: 隶体; 
FONT-SIZE: 18pt;" color=#3333ff > <b>飘荷</b> 
</FONT></div></TD></TR></TABLE></div> </DIV> 


山花的代码： 
<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; 
overflow: hidden"> <div style="position: absolute; top: 0px; left: 0px"> 
<EMBED src=" http://youngcolor.com.ne.kr/swf1/46.swf 
" width=500 height=400 
type=application/octet-stream wmode="transparent" 
quality="high"></EMBED> </div> <div style="position: absolute; top:350px; left: 235px"> 
<TABLE cellSpacing=0 cellPadding=0 width=510 
align=center border=0><TR><TD 
style="filter:chroma(color=#ffff66)"><div 
style="width:100%;filter:glow(color=#00ff00 
strength=19);color:white"><FONT style=" FONT-FAMILY: 隶体; 
FONT-SIZE: 18pt;" color=#3333ff > <b>山花</b> 
</FONT></div></TD></TR></TABLE></div> </DIV> 


代码说明： 
width=500 height=400 为画面显示的宽高数值，可根据自己需要调节； 
top:350px 是字体位置上下调节的数值，数字越大字体的位置越在下面； 
left: 235px 是字体位置左右调节的数值，数字越大字体的位置越靠右边； 
FONT-SIZE: 18pt 是字体大小调节的数值，数字越大字体越大； 
color=#3333ff 是字体颜色； color=#00ff00 为字体背景颜色，两者均可自行调节，好看的颜色有： 
深红 #ff6600 ； 大红 #ff0000 ； 粉红 #ff66cc ； 淡红 #ff66ff ； 绿色 #ccff00 ；紫蓝 #ff33ff ； 
黄色 #ffff33 ； 金红 #cc0000 ；天蓝 #66ffff ； 草绿 #66cc00 ；深蓝 #3333ff ；橙色 #ff9900 ； 
深绿 #339900 ； 白色 #ffffff ； 黑色 #000000 ； 


具体操作方法： 
点击“发表文章”，打开文章发表器，在文本框题目栏上写上图片目录，勾选“显示源代码”框，将以上代码之一贴入所有代码之后，点击“发表文章”既可； ]]> http://www.kioz.cn/default.asp?id=256 liqiangno10@163.com(liqiangno100) Sun,13 Apr 2008 23:57:15 +0800 http://www.kioz.cn/default.asp?id=256 http://www.kioz.cn/default.asp?id=208 liqiangno10@163.com(liqiangno100) Tue,29 Jan 2008 16:56:46 +0800 http://www.kioz.cn/default.asp?id=208 1 葫芦娃 
应该是最早的到现在也不过时动画片 画面极其具有中国特色 看起来不是一般舒心 情节非常好 画的也非常好 应当排第一！是后期的连续剧型的动画片的始祖 后期出现的《葫芦小金刚》属于败笔！ 
2 阿凡提的故事 
非常经典的布偶剧 一直教育我们要与封建势力巴依做艰苦卓绝的斗争！保护穷人 非常充满智慧 此形象被广大幼儿园保育院摘用成为小朋友表演模仿的首席对象 记得后期在中国法制非常不健全的时期被江中集团无耻盗用起形象 阿凡提从此卖起了草珊瑚含片  
3 邋遢大王 
记得过年真好 小时侯过年的时候电视台会非常慷慨的一天播放节目 本人84年的 可能很多小朋友体会不到90年代以前的能看一天电视的快乐 这个动画片就是我过年看的 葫芦娃也是过年放的 无比经典 歌曲至今在幼儿园被人传唱 教育我们要讲究卫生 
4 魔方大厦  
说到这个就必须说下作者 可能90后的人都不大知道吧 是郑渊洁 其早期的想象力作品非常之优秀 后期的作品过于愤俗以及成人化 也是二维动画 个人始终认为二维动画是最好看的动画 比电脑做的好看100倍！故事非常具有想象力  
5 怪老头儿 
又是一部布偶片 主角赵新新非常可爱 故事也非常具有想象力 其中的怪老头我至今对其没有好感 可能是形象太像坏人 本片我至今不知道最后的结局是什么 似乎我看过的所有电视台版本都没有结局 
6 黑猫警长 
我只能又说 非常好的一个动画片 把小动物的友谊刻画的非常和谐 当时国家似乎在响应除四害 老鼠成了最可怜的对象 同期的资本主义国家的老鼠却是生活的很阳光 长大后我一度怀疑这是社会主义与资本主义抗衡的另一种文化形式 其中的白猫警士誓死保护森林财产的事迹让我幼年期间泪流满面 
7 皮皮鲁与鲁西西 
不得不佩服郑渊洁的童话大王 两兄妹可能是世界上最幸福的兄妹 经常能碰上奇妙的经历 
最早的7个小人（似乎是7个）是唯一被拍成动画片的 
8 舒克与贝塔 
似乎贝塔受欢迎程度更高 本人就更喜欢贝塔 也许是贝塔更老实 后来电视台长期重复轮流播放 看的我几近吐 不过仍然是经典！ 
9 海尔兄弟 
是后期的一部片了 很多知识能教育人 这可能是90后的唯一值得看的动画片了 不知道大家是否记得还有部海尔兄弟不是描写科学知识的而是描写两人拿着武器去战斗的那部 其中两个人黑的叫琴岛 武器是钢琴 白的叫海尔 武器是飞机 可能是因为过于血腥 也是 两个小P孩去打什么仗 后来所有电视台全部禁播 消失了 
10 快乐家家车 
应该是最早的那一批电脑做的动画片了 是比较现代的了 诙谐幽默 歌曲非常好听 大龙 秋秋 呼噜 是三个主角 三人很爽 秋秋是女的 住在一起 当时大家都很纯洁 现在就会歪想了 哈哈 三人过着无忧无虑的生活 挺好的 这是90年代了 

写了好久 好累 大家有什么觉得好的就发上来吧  
现在的小孩太可怜 他们看的动画片属于垃圾
中国的动画片开始有一点点走歪路了,真希望他快点走上正轨呀!
]]> http://www.kioz.cn/default.asp?id=198 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 01:13:29 +0800 http://www.kioz.cn/default.asp?id=198  1、创建任何一个动画前，首先要有一个大概的轮廓，既知道自己要作什么。 

    2、画图是最最基本的基本功，图画的不好的画基本上是作不出好的动画出来的，采用别人的东西拼出来的动画，永远也不会用自己的灵魂的。闪客高手们 哪个都是画画的高手。 

    3 、制作动画时，应该及时的做好分类工作，静态的图形 将其转化为 图形符号 要作按钮 用的 将其 作为 按钮符号 ，小的动画片段将其转化为影片符号。 

    4、随时适合的用好常见的技巧，如遮罩效果 引导线的使用，必要时结合使用。将导入的位图运用FLASH自带的工具转化位图为矢量图真正的矢量化 或 将其打散 转化为图形符号 

    5、使用ACTION指令。ACTIONSCRIPT 与JAVA 及其相似，类似于一门高级语言。一般来说熟练常见的指令，如stop,gotoAndPlay,gotoAndStop等 是有必要的。

    6、运用按钮，按钮是FLASH 在 人机交互和游戏中比不可少的，使用按钮的指令可以起到非常好的效果。按钮和按钮之间还可以嵌套，非常好，可以作出你 想象不到的效果 

    7、制作FLASH 游戏 或 复杂的动画的时候 可以画一个流程图 ，这样 就有了一个 框架，接下去作就有一个比较清晰的结构了 

    8、在用FLASH 作主页的时候,最好是作一个LOADING 使得观众有一个比较好的承受心理，等待看出现的动画。LOADING在网上有很多作好的，下一个改改应该就能用了。FLASH 制作主页有一个其他网页制作软件所达不到的动画效果，而且她和DREAMWEAVER 结合紧密，在FLASH制��导入到FLASH中，继续加工，作出更为好看的效果。 例如将Swift 3D 和 Vecta 3D 分别到处swf 文件,在导入到FLASH中 编辑组合，结合出更加美妙的3D效果。    Flax 中的绚丽的文字效果，将其导出，然后导入到flash中，将其中的英文符号改成中文字，一样可以得到绚丽的中文字效果。]]> http://www.kioz.cn/default.asp?id=197 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 01:12:00 +0800 http://www.kioz.cn/default.asp?id=197
　　1. 点击“文件”菜单中的“发布设置”命令，在随后的“发布设置”对话框中的“格式”选项下，你会发现，软件默认只勾选了“Flash（.swf）”和“HTML（.htm）”这两个选项。要想导出GIF图像，事先得在此对话框中再选中“GIF图像（.gif）”这个选项后，点开随后出现的“GIF”选项卡。

　　2. 在“GIF”这个选项卡下，在“回放”项中确认选中“动画”和“不断循环”这两项；在“选项”项中确认选中“优化颜色/抖动实底/交错/删除渐变色/平滑”这五种效果中的某一或几种；在“透明”项中点开右边的倒黑三角后确认选中“透明”项（这是你想做成透明背景的关键）；点开“抖动”项右边的倒黑三角后选择一种抖动效果；点开“调色板类型”项右边的倒黑三角后选择一种调色板效果；点按“确定”。

　　3. 点击“发布设置”对话框中的“发布”按钮，或者点击“文件”菜单中的“发布”命令后，再到你的“X:\Program Files\Macromedia\Flash MX”（这里“X”是指你的安装的Flash MX所在的分区）文件夹下，或者到你已经保存了编辑文件（.fla）所在的文件夹中，你会发现多出了三个扩展名不同但都是“未命名-1”为名的文件，其中“未命名-1.gif”就是透明背景的动态GIF图形成品！

　　注：当然了，也可直接点“文件”菜单下的“导出影片”命令后，先点开“保存类型”右边的倒黑三角并选中“GIF动画”，再找好存放位置并命名文件名后点按“保存”按钮。但这种方式输出的最后成品，其背景是不透明的!]]> http://www.kioz.cn/default.asp?id=196 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 00:47:08 +0800 http://www.kioz.cn/default.asp?id=196 flash动画 巧用Flash做网页背景音乐    很多个人主页中加入了美妙的背景音乐，给访问者一种美的享受。众所周知，网页背景音乐只能使用MIDI、MP3、WAV格式的音乐，其中MIDI音乐个头小巧、使用广泛，但MIDI音乐的音色单调、效果较差；MP3音乐虽然音质很好，但文件个头庞大；WAV音乐就更别提了，它是一个超级“胖子”。现在网上有很多Flash MTV，音质效果非常好，笔者突发奇想：能不能用Flash做网页背景音乐呢？

    笔者找到了一个巧妙的办法——在网页中插入一个“看不见”的Flash MTV，打开网页时就自动开始播放，Flash中的音乐就相当于网页背景音乐了。Flash动画是流媒体文件，可以边下载边播放，因而用作网页背景音乐能达到即时播放的效果。如果自己会制作Flash，那么制作时只要音乐不要图像，效果会更好。

    假设有一首Flash音乐，网址是：http://www.cqwww.com/001.swf，要把它用作网页背景音乐，只需在首页html代码的后面添加一行代码：，这样就能在打开首页时欣赏到悦耳动听的背景音乐了。需要注意的是，这个SWF文件必须是非交互式的，也就是无须点击“play”等按钮就可直接播放的。]]> http://www.kioz.cn/default.asp?id=195 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 00:46:00 +0800 http://www.kioz.cn/default.asp?id=195
    解决思路 

    在按钮编辑区的时间轴上只有四个帧,第4帧的”点击”是按钮的反应区,这个区域在舞台中是看不到的,但是他却起到了按钮反应的作用。我们扩大按钮的反应区,既可以轻易的用鼠标点击到这个按钮了。 

    具体步骤 

    1、运行FlashMX2004，文档属性默认。 

    2、新建一个元件，命名为“按钮”，类型设定为按钮元件。 

    3，进入按钮编辑区，时间轴上面一共有四个帧。这四个帧的作用已经在第一章中向大家介绍过了。如图所示。 





    按钮元件的时间轴 

    4、在第1帧中单击工具栏里面的矩形工具绘制一个蓝色的矩形。 

    5、返回到场景1，从“库”中把这个按钮拖动到舞台中。 

    6、发布测试效果，我们看到当鼠标放到这个按钮上面的时候，鼠标变为小手形状，说明制作的这个按钮成功。 

    7、在实际的创作中，因为舞台中的元件很多，为了区分元件的种类，需要在按钮上面写上说明，那么我们就来实际制作一下。 

    8、双击“库”中按钮元件，进入按钮编辑区。 

    9、在图层面板中新建图层2，单击文本工具键入“button”，调整位置。如图所示。





    加入文字图层 

    10、返回到场景1测试，按钮上面已经有了一个标志名字，按钮的功能没有受到影响。如图所示。 





    按钮效果

    11、这种按钮的制作方法是最为简单的，它不涉及到反应区的问题。因为蓝色的矩形部分已经在舞台中显露出来，只要点击蓝色区域都可以执行按钮的作用。在一些Flash作品中由于整体视觉效果的要求，往往出现一些只有文字，没有背景的按钮。这样就涉及到了问题中所提到的反应区的问题。 

    12、进入按钮元件编辑区，在第1帧中键入文字“PLAY”，制作一个播放按钮。如图所示。 





    键入文字 

    13、返回到场景1发布测试按钮效果，发现鼠标不是很轻易的就会点击到按钮。其原因是按钮的反应只限制在文字的线条上面。 

    14、解决这个问题，可以采用两种方法。第一种方法，进入按钮元件编辑区，在第4帧中利用矩形工具画一个矩形，放在“PLAY”的下方，以扩大它的反应区。因为第4帧“点击”中的内容在发布作品的时候是看不见的，所以我们可以使用任意颜色。如图所示。 





    在“点击”帧插入矩形 

    14、发布测试效果，因为按钮反应区的扩大，就很轻易的点击到按钮了。请参考源文件点击这里下载源文件。

    15、另外一种方法是新建一个图层，在按钮元件编辑区的第1帧画一个透明的矩形，因为矩形虽然是透明的，在舞台中是看不见的，但是它还会起到一个形状的作用，这样在第1帧扩大了按钮的反应区域。如图所示。 





    插入透明矩形 

    16、这种制作方法也可以制作出非常好用的文字按钮。请参考源文件点击这里下载源文件

    注意——对按钮的测试，我们用【控制】菜单里面的【播放】命令或者使用快捷键“Enter”是无法测试的。我们要单击【文件】菜单下的【发布】命令或者使用组合快捷键“Ctrl+Enter”来进行发布测试。 

    提示——朋友们普遍对按钮的四个帧里面的最后一个帧的作用不是很理解，这个帧就是按钮的反应区，在场景中是看不到的，制作隐形按钮就要利用这个帧。

    技巧——按钮是一部作品中不可或缺的重要组成部分，制作按钮时，应考虑到整体作品的风格。 

    试一试——我们向大家介绍了文字按钮的制作方法，大家不妨试一试，因为这种按钮在每个作品中都要使用的。

    分析——出现这个问题的根本原因有两个：第一，朋友们对按钮制作的不重视性，认为按钮只是一个附属的东西，对于作品整体的主体表现没有太多的作用，所以也忽视了按钮的细节制作；第二，朋友们对第4帧“点击”的知识的不了解。

     特别提示

    按钮作为一个Flash动画作品中实现交互作用的媒介，起到了非常重要的作用。因为本文所附源文件中并没有涉及到按钮的控制问题，所以只能利用鼠标放置到按钮上显现的小手形状来测试按钮。 

    特别说明

    通过对这个问题的解释，我们了解了基本按钮的制作方法和怎样制作文字按钮。我在欣赏闪吧承办的“衡雅杯”环保FLASH比赛的时候，发现许多朋友制作的文字按钮都没有采取扩大反映区的手段。以至考验欣赏者使用鼠标的灵活程度，对作品的欣赏带来第一印象的厌烦感。 

    相关问题

    ◎一部Flash作品需要使用那些必要的按钮？ 

    由于按钮的应用十分广泛，所以在Flash作品中可以用按钮制作非常有趣的效果。对于控制一部完整得FLASH动画作品而言，一般需要两个按钮：播放（PLAY）和返回（REPLAY）。以用于影片的播放和重放。 

    ◎可以使用图形来作为按钮吗？ 

    因为按钮中的帧在操作上与其他元件的帧没有什么大的区别，所以我们可以利用图形来作为按钮，还可以采用其他的形式来制作按钮。在下面的问题中我们将向大家详细地介绍。 

    ◎如何用按钮来控制影片？ 

    刚才我们说到了一部完整的作品需要两个按钮,一个播放按钮一个返回按钮.那么这两个按钮是怎样实现对影片的控制的呢?这就涉及到了Flash的ActionScript。按钮与Flash脚本语言（ActionScript）的联系是非常紧密的。下面我们就制作一个影片控制按钮。我们新建一个FlashMX2004文档，在舞台的时间轴上制作出一段简单的动画效果。如图所示。





     制作一段渐变动画 

    要禁止动画一开始就自动播放，这样播放按钮才会起到作用。单击时间轴上的第1帧，打开舞台下面的“动作”面板，双击“影片控制”下的“stop”命令，是动画在第一帧就停止。在最后一帧同样加入“stop”。如图所示。 





    添加“stopa();” 

    然后新建立一个按钮元件，按照我们刚才做的方法制作出两个按钮，分别是“play”和“relplay”。在时间轴中新建一图层，把“play”按钮从控制拖动到第1帧的合适位置，“replay”拖动到第30帧的合适位置。分别单击两个按钮，打开动作面板，在“play”和“replay”按钮上面加如控制命令： 

    “play”按钮上面的命令：

    on(release){ 

    play(); 

    } 

    如图所示。 





    “play”按钮的ActionScript 

    “replay”按钮上面的命令：

    on(release){ 

    gotoAndPlay(1); 

    } 

    如图所示。 





    replay”按钮的ActionScript 

    这样就达到了控制影片的作用了，请参考源文件点击这里下载源文件 。

    这是我们第一次接触FlashMX2004的ActionScript，本书第三部分中会作详细地介绍。之所以在此节中介绍ActionScript，一是按钮与ActionScript的联系非常密切；二是给大家一个初步的印象]]> http://www.kioz.cn/default.asp?id=194 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 00:39:56 +0800 http://www.kioz.cn/default.asp?id=194
    下面我们来讲实现的方法。

    1、在Flash中先建三个MC。

    一个是spider_mc，画一个蜘蛛,像样点就算了,呵呵！

    一个是net_mc，一个蜘蛛网，当背景用的，没有太大用。

    最后一个是空的MC，line_mc，用来画线（蜘蛛丝）。





    2、回到场景，建三个层。

    最底下一个叫NET，用来放背景net 的，把net拉进去。

    中间一个层叫line，用来放line_mc的，把line_mc拉进来，并给这个剪辑命名line_mc。

    最后一个当然是放spider_mc 的。





    3、最关键一步，多建一个action层，写上如下代码。

    speed=10; 

    spider_mc.onEnterFrame = function() { 

    dx = _root._xmouse-this._x; 

    dy = _root._ymouse-this._y; 

    p =Math.atan(dy/dx)*180/Math.PI; 

     rota = (dx>0) ? (90+p):(270+p); 

    this._x += dx/speed; 

    this._rotation = rota; 

    this._y += dy/speed;

    }; 

    line_mc.onEnterFrame = function() { 

    this.clear(); 

    this.moveTo(0, 0); 

    this.lineStyle(1, 0xffffff, 100); 

    this.lineTo(_root.spider_mc._x, _root.spider_mc._y); 

    };

    最后生成swf，完成]]> http://www.kioz.cn/default.asp?id=193 liqiangno10@163.com(liqiangno100) Mon,07 Jan 2008 00:38:48 +0800 http://www.kioz.cn/default.asp?id=193    问题1：我做得flash移动动画，在时间轴上面为什么没有那个长箭头的标志而且也没有出现移动动画效果？

    解决思路 

    对于无法实现移动渐变效果，这个问题在初学者制作Flash过程中经常会遇到，往往百思不得其解。其实问题的根本原因在于元件与图形的区别。Flash中一共有三种元件，分别是图形元件、按钮和影片剪辑，这三种元件都可以做移动动画的。但是Flash中的图形就不可以做移动渐变动画，这里所说的图形就是矢量化的图形。我们只要了解了这一点，这个问题就会迎刃而解。

    具体步骤 

    1、 打开Flash MX 2004，文档属性默认。 

    2、单击工具栏里面的椭圆形工具，同时按“Shift”键绘制一个红色的正圆。

    3、单击此圆形，利用右键或者F8键，打开【转换为符号】面板，把它转换为图形元件。设置元件名称为“红圆”。如图2.1.1所示。



图2.1.1 转换为符号 


    4、单击时间轴的第30帧，打开右键菜单，选择【插入关键帧】命令或者按快捷键F6插入一个关键帧。 

    5、利用鼠标拖动或者按方向键移动“红圆”元件到右边的另外一个位置。 

    6、在第1帧和第30帧之间任意一帧右击选择【创建补间动画】命令。

    7、第1帧和第30帧之间的所有帧变成蓝色，并有一个长箭头，这说明已经在第1帧至第30帧之间创建了一个移动渐变动画效果。如图2.1.2所示。



图2.1.2 创建补间动画 


    8、【控制】|【播放】或者按 “Enter”测试动画效果。 

    9、保存，完成。

    注意： 

    之所以可以实现移动渐变动画效果，是因为把绘制的矢量图图形转换为图形元件的原因。 

    提示： 

    ◎除了元件可以做移动渐变以外，文本格式、“组”对象、位图图片同样可以制作移动渐变效果。 

    ◎养成给元件命名和给图层命名的好习惯，在制作大型flash动画时，可以方便的寻找、修改命名的元件或者图层。 

    ◎大家经常所说的“mc”是英文MovieClip的缩写，中文是指“影片剪辑”。影片剪辑与图形元件的显著区别在于，影片剪辑可以给它命名，用来接受Flash ActionScript的控制，并且影片剪辑可以独立与时间线播放。

    技巧： 

    ◎在Flash中不可以象Photoshop那样合并图层，但是可以通过拷贝帧的功能或者是拷贝帧内的元件，来达到合并图层的目的。 

    试一试： 

    朋友们可以试一试利用位图图片、文档、组对象来制作移动渐变动画，看看能够成功。

    专家指点： 

    通过这个基础的技术问题的解决，我们掌握了Flash移动渐变动画的制作过程，也清楚了制作移动渐变动画的对象是有限制的。制作移动渐变动画必须是Flash内的三种元件、文档、“组”对象以及位图图片。对于矢量图图片是不可以制作移动渐变动画的。 

    相关问题： 

    ◎舞台以外灰色区域是否可以作为编辑区？发布后能否看见？ 

    舞台以外的灰色区域可以作为Flash动画的编辑区域，当某一元件位于在这一区域的时候，动画发布以后是无法看见的。

    ◎ 如何导入位图图片？ 

    单击【文件】|【导入】，选择【导入到舞台】命令，就可以把目标图片导入到Flash MX 2004的舞台中。也可以选择【导入到库】或者【打开外部库】功能。Flash MX 2004可以导入其支持的各类型的图片、音乐以及所支持的文件格式。

    问题2：可否实现影片剪辑按照一个定点环绕？旋转的速度怎样改变？ 

    解决思路： 

    元件的旋转都是围绕这个元件的变形点来进行的。利用【自由变形工具】找到该元件的变形点，利用鼠标拖动改变其位置，就可以达到定点环绕的效果。

    具体步骤 

    1、运行Flash MX 2004，文档属性默认。

    2、单击【插入】|【新建元件】，或者按快捷键“Ctrl+F8”打开【创建新元件】面板。 

    3、新建一个名称为“正方形”的影片剪辑。如图2.1.3所示。



图2.1.3 创建新元件 


    4、确认以后，进入此影片剪辑编辑区。单击工具栏的矩形工具，配合键盘中的“Shift”键，画出一个不带边框的红色正方形。

     5、单击【窗口】|【设计面板】|【对齐】命令，打开【对齐】面板，选择【垂直中齐】、【水平居中分布】和【相对于舞台】命令，使这个正方形处于舞台中央位置。 

    6、单击时间轴上面的“场景1”按钮，或者返回机箭头标志返回到场景1编辑区。如图2.1.4所示。



图2.1.4 返回场景1 


    7、单击【窗口】|【库】命令，打开【库】面板，或者按快捷键“F11”，把“正方形”影片剪辑从“库”面板拖动到舞台中的合适位置。 

    8、单击舞台中的“正方形”影片剪辑，选择工具栏里面的“自由变形工具”，我们来改变这个影片剪辑的变形点。如图2.1.5所示。



图2.1.5 显示影片剪辑的变形点 


    9、现在，影片剪辑是在被选中的状态下，四周会出现8个调节点和一个变形点，利用鼠标有意识的拖动，把这个变形点移动到影片剪辑的外部。如图2.1.6所示。



图2.1.6 移动影片剪辑的变形点 


    10、制作这个影片剪辑的旋转效果。在时间轴上的第30帧，插入关键帧。

    11、在第1帧和第30帧之间任意一帧单击鼠标右键中的【创建补间动画】命令。

    12、单击第1帧，在舞台下面的属性面板中设置旋转的方向以及旋转参数。如图2.1.7所示。 



图2.1.7 设置第1帧运动参数


    13、测试，发现影片剪辑的旋转中心并不是在影片剪辑的本身，而是在我们刚刚调节的那个变形点的位置，至此，我们就完成了影片剪辑的定点环绕效果。 

    14、如果想加快影片剪辑的旋转速度，只要把属性面板中的旋转次数的值改变或者缩短时间轴的帧数，都可以达到目的。

    注意：

    在舞台中利用自由变形工具改变了影片剪辑的变形点的时候，使用“对齐”面板对齐元件的时候，影片剪辑的参考位置为次影片剪辑中心点的位置。改变变形点并不影响“对齐”面板的使用。在不改变影片剪辑变形点位置的情况下，变形点与影片剪辑的中心点重合。

    提示： 

    ◎在这个效果中，创建新的元件是使用了另外一种方法。这两个方法在使用中没有区别，建议使用先绘制图形然后转换为元件的做法。

    ◎灵活的运用改变变形点的知识，可以制作出多种多样的效果。把变形点设置在元件的上方，下方，然后制作元件大小的变化，你就会更加直接的观察到，由于中心点的改变而产生的效果。

    技巧： 

    当制作的图形并不在元件编辑区的中心的时候，可以利用改变元件的中心点来调整。 

    试一试： 

    利用同样的方法尝试作一个图形元件和按钮元件的定点旋转效果和增高效果。

    特别提示： 

    通过这个问题的解决，了解了改变元件的变形点以后的动画效果。这个知识在以后的Flash创作中应用范围比较广。例如制作精确显示下载字节的进度条等。我们把变形点看作是这个元件的基点，任何针对与这个元件的变化都是基于这个变形点来完成的。

    专家指点：

    在这个问题的解决过程中，进一步巩固了Flash基本的移动渐变动画的知识，了解了怎样制作旋转效果。在制作一幅图形逐渐放大的效果的时候，就应该考虑把中心点放在你最终要表现的部分。例如针对与人物的镜头推进特写效果，建议把中心点放在两个眼睛之间，这样在镜头运动过程中对于表现人物内心世界有极大的帮助。]]>