2012-11-22 18:18:19| 分类：
FLASH教程与习作 | 标签：
flash教程 习作 |字号
蝶儿蝶儿满天飞
这个教程是很久以前收藏的，我的习作也是那时完成的，有兴趣的朋友可以学一下，有点难度。
蝴蝶语句的源文件，大家可复制里面的脚本。
知识要点：1.语句的运用。
2.在场景中进行元件的编辑。
3.声音的控制。
具体制作步骤：
第一部分：蝴蝶的制作
一.设置影片的属性
新建一个文件，大小默认，背景色为白色，桢频40。
二.创建影片剪辑元件：
1.翅膀扇动
新建一个“翅膀扇动”的影片剪辑，在第一桢导入蝴蝶gif动画。在第六、第九桢插 入关键桢。
用自由变形工具在第六桢，把翅膀往中间压一点，在第九桢再往中间压一点，这样，使翅膀逐渐向里翻，12桢插入延长桢。
2.飞舞的蝴蝶1
新建影片剪辑“飞舞的蝴蝶1”，从库中将翅膀扇动元件拖到第一层。
添加一个引导层，在引导层上画一条弯弯曲曲的线，在30桢插入延长桢。在三十一桢插入空白关键桢，打开动作面板，加stop命令。这条线是蝴蝶飞舞的路径。
点中图层一的第一桢，将“飞舞的蝴蝶1”元件拖至所画的曲线的一端，注意要让注册点吸在线端上，用变形工具调整蝴蝶的方向。
在30桢插入关键桢，把蝴蝶拖至曲线的另一端，同样要让注册点吸附在线端上。在第一桢创建运动渐变，打开属性面板，在调整到路径前面打上勾。在15桢插入关键桢，也打开动作面板，在调整到路径前打勾。将第一和第三十桢的透明度设为20％。
[attach]536[/attach]
3.飞舞的蝴蝶3
新建影片剪辑“飞舞的蝴蝶3”。将飞动的蝴蝶1从库中拖到第一层，将这元件复制两次。用变形工具将三只蝴蝶的方向、大小进行调整，点开属性面板，改变三只蝴蝶的色调。
4.语句
赋予飞舞的蝴蝶3脚本语句。 新建一个影片剪辑“语句”，将飞舞的蝴蝶3拖入图层第一桢，在第八桢插入延长桢，在属性面板里输入实例名hudie。
添加一个图层，在第一桢输入语句：
i = 0;//设置一个记数器，并赋初值为0
OldY = _ymouse;//取得鼠标的y坐标值
OldX = _xmouse; ////取得鼠标的x坐标值
在第四桢插入空白关键桢，在动作面板里输入：
Mouse_X = _xmouse;//再次取得鼠标的x坐标值
Mouse_Y = _ymouse;//再次取得鼠标的y坐标值
if ( OldX!=Mouse_X || OldY!=Mouse_Y) { //如果新旧坐标值不相等，则执行下面的代码
duplicateMovieClip("hudie", "hudie" add i, i); //复制电影剪辑hudie
setProperty("hudie" add i, _x, Mouse_X);//设置复制出的对象的x坐标
setProperty("hudie" add i, _y, Mouse_Y);//设置复制出的对象的y坐标
setProperty("hudie" add i, _rotation, random(360));//设置复制出的对象的角度
i = i+1;
if (i==25) {
i = 0;
} }
在第六桢插入空白关键桢，输入语句：
OldX = _xmouse;//保存以前的鼠标的x坐标值，以为以前的值要和新的值进行对比
OldY = _ymouse;//保存以前的鼠标的y坐标值
gotoAndPlay(3);//循环执行核心代码
第二部分：组织场景
1.将第一层改名为“蝴蝶”，将元件“语句”拖入场景。
2.添加图层，改名为“背景”，取矩形工具，笔触无，在场景中画一个矩形，超过场景。将背景转换为影片元件，双击背景，进入背景的编辑区，在50.100.150.200桢处建关键桢。在各个关键桢用颜料桶工具改 变背景的颜色，我选用的是渐变加放射，然后点图层，把这一层全选黑，在属性面板里补间选形状。回到场景。将背景图层拖至蝴蝶层的下面。
3.添加图层，改名为“花”，导入一张有花的图片，打散，用魔术棒工具去除其它颜色，留有花就行了。转化为影片元件，点花，按鼠标右键，点编辑，也可以进入到元件的编辑区。
新建一个影片元件，导入一张gif蝴蝶动画，将这个元件拖入到“花”这个影片元件中，让它停在花上。
4.添加图层，改名为“文字”，在场景中适当位置输入“鼠标滑过看效果”，然后将文字转换成影片元件，双击进入文字的编 辑区。选中文字，将文字转换为图形元件，在第一桢将字用变形工具缩小，在六十桢将文字变大，建立运动渐变。
同样的方法，朋友们还可以在场景里添加题目、日期、名字等其它一些元件。这样，所有的图层都只有一桢。
第三部分：声音的控制
1.导入音乐到库，打开库，选中刚导的音乐，点鼠标右键，点链接，在链接里在“为动作脚本导出” 和“第一桢导出”前面打勾，在标识符里输入“yinyue”，确定。
[attach]537[/attach]
2.在场景中添加图层，改名为“音乐”，在第一桢打开动作面板，输入语句：
aa = new Sound();
aa.attachSound("yinyue");
aa.start(0,5);
3.在场景添加图层，改名为按钮，在场景里，输入“停止音乐”，转换为影片元件，取名为“按钮”，单击“停止音乐”影片元件，在属性里输入实例名"bb"。双击“停止音乐”，进入“按钮”影片元件编辑区，在第二桢插入空白关键桢，输入“播放音乐”，在这两桢上都加“stop();"命令。
4.选中播放音乐，转换为按钮元件，双击播放按钮，进入按钮的编辑区，在第四桢上用矩形工具画个热区。回到播放按钮，在动作面板里输入语句：
on (release) {
_root.aa.start(0,5);
_root.bb.gotoAndStop(1);
}
5.选中“停止音乐”，转换成按钮元件，同样给按钮画个热区，在动作面板里输入语句：
on (release) {
_root.aa.stop();
_root.bb.gotoAndStop(2);
}
最后，测试，存盘。
补充说明：
图层2：帧1
MX脚本：
i = 0;//设置一个记数器，并赋初值为0
OldY = _ymouse;//取得鼠标的y坐标值
OldX = _xmouse; ////取得鼠标的x坐标值
2004版本脚本：
i = 0;
OldY = _ymouse;
OldX = _xmouse;
图层2：帧4
MX脚本：
Mouse_X = _xmouse;//再次取得鼠标的x坐标值
Mouse_Y = _ymouse;//再次取得鼠标的y坐标值
if ( OldX!=Mouse_X || OldY!=Mouse_Y) { //如果新旧坐标值不相等，则执行下面的代码
duplicateMovieClip("hudie", "hudie" add i, i); //复制电影剪辑hudie
setProperty("hudie" add i, _x, Mouse_X);//设置复制出的对象的x坐标
setProperty("hudie" add i, _y, Mouse_Y);//设置复制出的对象的y坐标
setProperty("hudie" add i, _rotation, random(360));//设置复制出的对象的角度
i = i+1;
if (i==25) {
i = 0;
}
}
2004脚本：
Mouse_X = _xmouse;
Mouse_Y = _ymouse;
if ( OldX!=Mouse_X || OldY!=Mouse_Y) {
duplicateMovieClip("hudie", "hudie" add i, i);
setProperty("hudie" add i, _x, Mouse_X);
setProperty("hudie" add i, _y, Mouse_Y);
setProperty("hudie" add i, _rotation, random(360));
i = i+1;
if (i==25) {
i = 0;
}
}
图层2：帧6
MX脚本：
i = 0;//设置一个记数器，并赋初值为0
OldY = _ymouse;//取得鼠标的y坐标值
OldX = _xmouse; ////取得鼠标的x坐标值
2004脚本：
OldX = _xmouse;
OldY = _ymouse;
gotoAndPlay(3);
教程里的脚本：
4.语句
赋予飞舞的蝴蝶3脚本语句。 新建一个影片剪辑“语句”，将飞舞的蝴蝶3拖入图层第一桢，在第八桢插入延长桢，在属性面板里输入实例名hudie。
添加一个图层，在第一桢输入语句：
i = 0;//设置一个记数器，并赋初值为0
OldY = _ymouse;//取得鼠标的y坐标值
OldX = _xmouse; ////取得鼠标的x坐标值
在第四桢插入空白关键桢，在动作面板里输入：
Mouse_X = _xmouse;//再次取得鼠标的x坐标值
Mouse_Y = _ymouse;//再次取得鼠标的y坐标值
if ( OldX!=Mouse_X || OldY!=Mouse_Y) { //如果新旧坐标值不相等，则执行下面的代码
duplicateMovieClip("hudie", "hudie" add i, i); //复制电影剪辑hudie
setProperty("hudie" add i, _x, Mouse_X);//设置复制出的对象的x坐标
setProperty("hudie" add i, _y, Mouse_Y);//设置复制出的对象的y坐标
setProperty("hudie" add i, _rotation, random(360));//设置复制出的对象的角度
i = i+1;
if (i==25) {
i = 0;
} }
在第六桢插入空白关键桢，输入语句：
OldX = _xmouse;//保存以前的鼠标的x坐标值，以为以前的值要和新的值进行对比
OldY = _ymouse;//保存以前的鼠标的y坐标值
gotoAndPlay(3);//循环执行核心代码
我在教程的后面有说明，你改了再试试。 注意：朋友们在语句那一步的第四桢，最好拷贝我源文件里的语句；也可以在把教程里的语句拷贝后，把这句里的if ((Number(OldX)<>Number(Mou***)) or (Number(OldY)<>Number(MouseY))) { //如果新旧坐标值不相等，则执行下面的代码 把(Mou***)) 改成（Mou***)) 把(Mou***)) 改成（mou***)
4.语句
赋予飞舞的蝴蝶3脚本语句。 新建一个影片剪辑“语句”，将飞舞的蝴蝶3拖入图层第一桢，在第八桢插入延长桢，在属性面板里输入实例名bb。
把语句的影片剪辑命名为bb,我想你这步是不是没有做对啊，一定要选中飞舞的蝴蝶3元件，在属性里输入实例名。把语句拖入场景后可用变形工具把元件缩小的。
先把蝴蝶做成影片元件，然后拖入花层，把蝴蝶放不同的层，让蝴蝶出现的桢错开就行了。
正确的是给三只蝴蝶的影片元件命名，点中三只蝴蝶元件，在实例名称里输入hudie.
你所说的按钮控制问题：4.选中播放音乐，转换为按钮元件，双击播放按钮，进入按钮的编辑区，在第四桢画个反应区。回到播放按钮，在动作面板里输入语句：
on (release) {
_root.aa.start(0,1);
_root.bb.gotoAndStop(1);
}
5.选中停止音乐，转换成按钮元件，同样给按钮画个反应区，在动作面板里输入语句：
on (release) {
_root.aa.stop();
_root.bb.gotoAndStop(2);
}）
这里的输入语句是在哪里输入呢？在哪一帧的动作面板里输入语句呢？
这些语句是加在按钮上的呀。将那些字转换为按钮元件，选中按钮，在动作面板里输入语句。
你可能也是在语句那mc里，把三只蝴蝶的实例名加在桢上了，注意：应该加在蝴蝶影片元件上。选中蝴蝶3，命名。
可在语句元件里把三只蝴蝶的大小设置在50*50左右。
那三只蝴蝶的透明度再设置一下，色调旁边的百分比不能是100％，只能在百分之五十左右，
让声波在时间轴上，你只需把音乐导入库中，然后拖入时间轴上，打开属性面板，在〔同步〕里选择数据流，然后不断地在时间轴上加插入帧，直到声波结束。添加一层，作为歌词标签，边听边按键，在每句歌词的开始，按键停止，在帧标签里输入歌词。这样在时间轴上就有数了，哪句歌词在哪儿，根据标签再在
场景里输入歌词。
蝴蝶要是想控制在场景内的话，可以在最上面加层遮片。
具体制作步骤：
第一部分：蝴蝶的制作
一.设置影片的属性
新建一个文件，大小默认，背景色为白色，桢频40。
二.创建影片剪辑元件：
1.翅膀扇动
新建一个“翅膀扇动”的影片剪辑，在第一桢导入蝴蝶gif动画。在第六、第九桢插 入关键桢。
用自由变形工具在第六桢，把翅膀往中间压一点，在第九桢再往中间压一点，这样，使翅膀逐渐向里翻，12桢插入延长桢。
2.飞舞的蝴蝶1
新建影片剪辑“飞舞的蝴蝶1”，从库中将翅膀扇动元件拖到第一层。
添加一个引导层，在引导层上画一条弯弯曲曲的线，在30桢插入延长桢。在三十一桢插入空白关键桢，打开动作面板，加stop命令。这条线是蝴蝶飞舞的路径。
点中图层一的第一桢，将“飞舞的蝴蝶1”元件拖至所画的曲线的一端，注意要让注册点吸在线端上，用变形工具调整蝴蝶的方向。
在30桢插入关键桢，把蝴蝶拖至曲线的另一端，同样要让注册点吸附在线端上。在第一桢创建运动渐变，打开属性面板，在调整到路径前面打上勾。在15桢插入关键桢，也打开动作面板，在调整到路径前打勾。将第一和第三十桢的透明度设为20％。
3.飞舞的蝴蝶3
新建影片剪辑“飞舞的蝴蝶3”。将飞动的蝴蝶1从库中拖到第一层，将这元件复制两次。用变形工具将三只蝴蝶的方向、大小进行调整，点开属性面板，改变三只蝴蝶的色调。
4.语句（这部分脚本见上面，FLASH MX 和FLASH MX2004 分别输入不同的脚本）
赋予飞舞的蝴蝶3脚本语句。 新建一个影片剪辑“语句”，将飞舞的蝴蝶3拖入图层第一桢，在第八桢插入延长桢，在属性面板里输入实例名hudie。
添加一个图层，在第一桢输入语句：
i = 0;//设置一个记数器，并赋初值为0
OldY = _ymouse;//取得鼠标的y坐标值
OldX = _xmouse; ////取得鼠标的x坐标值
在第四桢插入空白关键桢，在动作面板里输入：
Mouse_X = _xmouse;//再次取得鼠标的x坐标值
Mouse_Y = _ymouse;//再次取得鼠标的y坐标值
if ( OldX!=Mouse_X || OldY!=Mouse_Y) { //如果新旧坐标值不相等，则执行下面的代码
duplicateMovieClip("hudie", "hudie" add i, i); //复制电影剪辑hudie
setProperty("hudie" add i, _x, Mouse_X);//设置复制出的对象的x坐标
setProperty("hudie" add i, _y, Mouse_Y);//设置复制出的对象的y坐标
setProperty("hudie" add i, _rotation, random(360));//设置复制出的对象的角度
i = i+1;
if (i==25) {
i = 0;
} }
在第六桢插入空白关键桢，输入语句：
OldX = _xmouse;//保存以前的鼠标的x坐标值，以为以前的值要和新的值进行对比
OldY = _ymouse;//保存以前的鼠标的y坐标值
gotoAndPlay(3);//循环执行核心代码
第二部分：组织场景
1.将第一层改名为“蝴蝶”，将元件“语句”拖入场景。
2.添加图层，改名为“背景”，取矩形工具，笔触无，在场景中画一个矩形，超过场景。将背景转换为影片元件，双击背景，进入背景的编辑区，在50.100.150.200桢处建关键桢。在各个关键桢用颜料桶工具改 变背景的颜色，我选用的是渐变加放射，然后点图层，把这一层全选黑，在属性面板里补间选形状。回到场景。将背景图层拖至蝴蝶层的下面。
3.添加图层，改名为“花”，导入一张有花的图片，打散，用魔术棒工具去除其它颜色，留有花就行了。转化为影片元件，点花，按鼠标右键，点编辑，也可以进入到元件的编辑区。
新建一个影片元件，导入一张gif蝴蝶动画，将这个元件拖入到“花”这个影片元件中，让它停在花上。
4.添加图层，改名为“文字”，在场景中适当位置输入“鼠标滑过看效果”，然后将文字转换成影片元件，双击进入文字的编 辑区。选中文字，将文字转换为图形元件，在第一桢将字用变形工具缩小，在六十桢将文字变大，建立运动渐变。
同样的方法，朋友们还可以在场景里添加题目、日期、名字等其它一些元件。这样，所有的图层都只有一桢。
此主题相关图片如下：
第三部分：声音的控制
1.导入音乐到库，打开库，选中刚导的音乐，点鼠标右键，点链接，在链接里在“为动作脚本导出” 和“第一桢导出”前面打勾，在标识符里输入“yinyue”，确定。
点击浏览该文件
2.在场景中添加图层，改名为“音乐”，在第一桢打开动作面板，输入语句：
aa = new Sound();
aa.attachSound("yinyue");
aa.start(0,5);
3.在场景添加图层，改名为按钮，在场景里，输入“停止音乐”，转换为影片元件，取名为“按钮”，单击“停止音乐”影片元件，在属性里输入实例名"bb"。双击“停止音乐”，进入“按钮”影片元件编辑区，在第二桢插入空白关键桢，输入“播放音乐”，在这两桢上都加“stop();"命令。
此主题相关图片如下：
4.选中播放音乐，转换为按钮元件，双击播放按钮，进入按钮的编辑区，在第四桢上用矩形工具画个热区。回到播放按钮，在动作面板里输入语句：
on (release) {
_root.aa.start(0,5);
_root.bb.gotoAndStop(1);
}
5.选中“停止音乐”，转换成按钮元件，同样给按钮画个热区，在动作面板里输入语句：
on (release) {
_root.aa.stop();
_root.bb.gotoAndStop(2);
}
最后，测试，存盘。
由于在《蝶儿蝶儿满天飞》中声音的控制有点复杂，这里向朋友们介绍一种简单的控制声音的办法（教程第三部分内容）
1.在场景中添加一层，命名为音乐，将歌曲从库中拖入，然后选中音乐第一桢，打开属性面板，在同步里选择数据流，将音乐图层加延长桢，一直延长至音乐结束。（帧频12，大概上2770帧；帧频40，大概在9200桢。）
2.将时间轴上的其它图层都延长至音乐图层相应的桢数。
3.添加图层，从公用库中拖入两个按钮，放在场景相应位置。
4.在场景中，选中播放按钮，在动作面板中输入：
on (release) {
play();
}
选中停止按钮，在动作面板中输入：
on (release) {
stop();
}
欣赏Flash--[蝶儿蝶儿満天飞]
