|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
若你要观看网页上的多媒体内容，Flashplayer几乎是网络上的标准。为此播放器所制作的动画或图像十分常见。
简介：本例将制造一个典范的复杂的“填色”游戏。游戏内容是，把持吸管吸收色彩，给人换上分歧色彩的着装。
本例内容所触及到的常识点：
Color类和Startdrag()、Mouse.hide()、Mouse.show()办法等。
1.Color类和Color中的SetRGB（）改动色彩。
2.利用Startdrag()完成鼠标跟从效果，利用Mouse.hide()和Mouse.show()完成埋没和显现鼠标的效果。
游戏操纵办法：
玩家经由过程把持吸管单击色彩按钮，吸收所点的色彩，然后在用吸管单击图中某一地区，此地区就会添补响应的色彩。假如感到拔取的色彩分歧适，能够单击“扫除”按钮，扫除图片色彩。效果以下图“填色”所示。
http://www.webjx.com/files/media/nvhaitianseyouxi.swf
实例-填色
一．素材筹办
1.声响素材
在这个游戏中只要4个音效，分离是“上一张”和“下一张”两个按钮上的翻页音效“素材声响1”和“素材声响2”、吸管吸收颜料时的音效“素材声响3”、“扫除”按钮上的扫除音效“素材声响4”，声响素材请到本站相干板块下载。
2．元件素材
（1）在这个游戏里用到两个图形元件，是背景图形元件和显现区图形元件。新建“背景”图形元件，作为游戏的全体背景，如所示。新建“显现区”图形元件，用来安排必要填色的影片剪辑，如所示。
（2）制造两个翻页按钮“上一张”和“下一张”同时到场和Play按钮一样的音效。如和所示。
（3）制造一个Play按钮，作为游侠的入手下手按钮。按Ctrl+F8组合键新建按钮，然后在“弹起”帧绘制一个“play”字样的图形。同时在“指针经由”帧和“按下”帧到场声响“素材声响1”和“素材声响2”，如所示。
（4）.制造扫除按钮，用于扫除图片上增加的色彩，按下帧到场声响，到场“素材声响4”。效果如所示。
（5）.制造色彩按钮，用于拔取色彩。在“按下”帧到场“素材声响3”素材，如所示。在这里制造好一个色彩按钮今后，用一样的办法在制造九个分歧色彩的按钮，并分离到场“素材声响3”素材。分离摆放成如所示。
（6）.上面的来制造影片剪辑，按Ctrl+F8组合键新建“boy”影片剪辑。把图层称号改成“底”，然后绘制一个年夜一点的红色圆形，分红匀称的4份并转换影片剪辑。在新增一个图层，定名为“表面”，在这个图层上绘制一个小男孩的表面。在“底”层上新增加层，在每层上分离绘制小男孩的头发、衣服、鞋、鞋底等，并转换为影片剪辑，如所示。
制造完男孩的影片剪辑，用一样的办法制造“girl”和“man”两个影片剪辑，如0和1所示。
0
1
（7）.新建“吸管”影片剪辑。在第1帧制造一个吸管吸收“颜料”影片剪辑。在第4帧拔出关头帧，把“颜料”影片剪辑减少一些，并把第1帧与第4帧之间创立补间动画。新增图层2，在这层制造一个吸管，在第2帧拔出关头帧，把吸管减少一点。新增图层3，选择图层3的第一帧，翻开其举措面板增加
“stop();”语句。
选择第4帧拔出关头帧，在举措面板上增加以下代码：
gotoAndStop(1);//该影片剪辑跳转到第1帧并中断播放
如2所示：
2
（8）.新建“小图标1”影片剪辑，在第1帧绘制一个boy图象。为了美妙，在boy图象上面增加一个背景。一样的办法制造“小图标2”和“小图标3”。如3所示。
3
（9）.新建“sound”影片剪辑，在第1帧绘制一个小矩形，翻开其举措面板，增加“stop();”语句。在第2帧增加“声响3”，而且在第3帧拔出多少帧直到波形全体显现。如4所示。
4
（10）.新建“把持吸管”影片剪辑，在第1帧绘制一个小矩形，用来增加程序把持吸管。如5所示。
5
3.色彩把持
（1）.新建flash文档，舞台巨细设置为550x400像素，色彩设置为灰色，帧频默许，保留文档为“色彩把持”。将我们在后面筹办好的boy影片剪辑和两个色彩按钮拖进舞台。设置boy影片剪辑的实例称号为“boy”。如6所示。
6
（2）.选中第1帧翻开举措面板增加“varsezhi;”语句，界说色值变量。接上去选中黄色彩按钮翻开举措面板，增加以下代码：
on(release){
_root.sezhi=16765734;
//付与变量sezhi的值为16765734
}
选中蓝色按钮翻开举措面板，增加以下代码：
on(release){
_root.sezhi=3368703;
}
效果如7和18所示：
7
8
（3）.翻开boy实例，设置它的“发”影片剪辑的实例称号为“a1”，以此类推，设置实例中影片剪辑的实例称号为“a2”、“a3“···。选中a1翻开举措面板，增加以下代码：
on(release){
_root.boy.a1color=newColor(_root.boy.a1);
//新建感化于影片剪辑a1的色彩工具
_root.boy.a1color.setRGB(_root.sezhi);
//设置影片剪辑a1的色彩
}//如9所示
9
（4）.将a1中的代码分离复制到别的a2、a3、a4·····实例中。这里要注重，将语句中的色彩工具改成与它对应的实例称号。比方a2实例中的代码以下：
on(release){
_root.boy.a2color=newColor(_root.boy.a2);
_root.boy.a2color.setRGB(_root.sezhi);
}//如0所示：
0
4.游戏完成
1.新建flash文档，舞台巨细设置为550x400像素，色彩默许，帧频设置为30帧/秒，保留文档名为“填色”
2.在“填色”文档工夫轴增加如1所示图层：
1
3.为了便利舞台工夫轴的跳转，在“标签”图层的第2帧、第4帧、第6帧分离增加tu1、tu2、tu3帧标签。
4.选择“背景”图层第1帧，在素材中将“背景”图形元件拖进舞台，然后在舞台上增加游戏称号。选择“按钮”图层第1帧，从做好的影片剪辑素材中将Play按钮剪辑拖进舞台。选择“图”图层的第1帧，从素材中将3个小图标拖进舞台，并将它们分列划一，失掉如2所示效果。
5.选中Play按钮翻开其举措面板，增加以下代码：
on(release){
play();
}
6.选择“小图标1”，在其举措面板上增加以下代码：
onClipEvent(enterFrame){//重复实行上面的语句
this.onRollOver=function(){//鼠标指针移至该影片剪辑上时
this.onEnterFrame=function(){//重复实行上面的语句
if(this._xscale<100){//假如这个影片剪辑的横缩放比例小于100
this._xscale=this._yscale+=5;//则横纵缩放比例递增
}
};
};
this.onRollOut=function(){//鼠标指针移开该影片剪辑上时
this.onEnterFrame=function(){
if(this._xscale>80){//假如这个影片剪辑的横缩放比例小于80
this._xscale=this._yscale-=5;//则横纵缩放比例递加
}
};
};
this.onRelease=function(){//单击该影片剪辑时
_root.gotoAndPlay("tu1");//跳转到tu1帧，而且播放
};
}
这些代码完成效果是鼠标挪动到小图标上，小图标渐渐增年夜，而鼠标移开时，小图标又复兴到本来的形态。单击小图标会跳转到响应的帧播放。
7.将上步中在“小图标1”上的代码分离复制到别的两个小图标的举措面板上，要注重的是，它的跳转的帧分离要变动成“tu2”和“tu3”。
8.选择“显现区”层的第2帧，从素材中将10个色彩按钮，两个翻页按钮和扫除按钮拖进舞台，放到得当地位。
9.选择白色彩按钮，在它的举措面板中增加代码，并将这些语句复制到别的9个色彩按钮的举措面板上，在这里要注重，给变量_root.sezhi赋的值要与按钮色彩的色值绝对应。
白色彩按钮代码以下：
on(press){
_root.sezhi=16777215;//付与变量sezhi的值为16777215
}
on(press,release){
myColor=newColor(_root.xiguan.yanliao);//新建感化于吸管里颜料的色彩工具
myColor.setRGB(_root.sezhi);//设置影片剪辑yanliao的色彩
}
选择“下一张”按钮，在其举措面板上增加以下代码：
on(rollOver){//鼠标指针移至该按钮上时
Mouse.show();//鼠标显现
setProperty("_root.xiguan",_alpha,"0");//实例“xiguan”的通明度为0
}
on(rollOut){//鼠标指针移开该按钮上时
Mouse.hide();//鼠标埋没
startDrag("_root.xiguan",true);//实例“xiguan”随鼠标
setProperty("_root.xiguan",_alpha,"100");//实例“xiguan”的通明度为100
}
on(release){
_root.gotoAndPlay("tu2");
}
选择“扫除”按钮，在其举措面板增加以下代码：
on(rollOver){
Mouse.show();
setProperty("_root.xiguan",_alpha,"0");
}
on(rollOut){
Mouse.hide();
startDrag("_root.xiguan",true);
setProperty("_root.xiguan",_alpha,"100");
}
on(release){
_root.gotoAndPlay("tu1");
}
10.选择“图”图层的第3帧，从素材中将boy影片剪辑拖进舞台的左边，实例称号定名为“boy”。翻开boy实例，设置“发”影片剪辑的实例称号为“a1”，依此类推，设置boy实例中别的剪辑的称号为“a2”、“a3”···。选中a1翻开举措面板，增加以下代码：
on(release){
_root.boy.a1color=newColor(_root.boy.a1);
_root.boy.a1color.setRGB(_root.sezhi);
_root.sound.play();
}
把下面a1中的代码分离复制到别的的a2、a3···实例中。必要注重的是，要将语句中的色彩工具改成与它们各自的实例称号分离对应。
12.选择“吸管”层的第2帧，从素材中将“吸管”影片剪辑拖进舞台，实例称号定名为“xiguan”。
13.选择“显现区”层第2帧，从素材中将“把持吸管”和“sound”两个影片剪辑拖进加入景中但不要放在舞台上，sound影片剪辑实例称号定名为“sound”。选择影片剪辑“把持吸管”的实例，在其举措面板上增加以下代码：
onClipEvent(mouseDown){//当鼠标按下时
_root.xiguan.gotoAndPlay(2);//实例“xiguan”跳转到第2帧，并入手下手播放
}
14.选择“程序”层的第1帧，在其举措面板上增加以下语句:
stop();
varsezhi;
选择第2帧，在其举措面板上增加以下代码：
Mouse.hide();
startDrag("_root.xiguan",true);//埋没鼠标，完成吸管跟从
选择第3帧，在其举措面板增加以下代码：
stop();
制造完成今后如2所示
2
到这我们完成了第一个图的填色游戏
15.接上去你在第4帧和第7帧制造别的两张图的填色游戏，制造历程和第一张的制造历程不异，这里就不在给人人先容了，又不分明的能够参考我供应的源文件。
另外在属性面板中还增加了一个“设备”设置选项，需要说明的是“设备”设置功能在FlashPlayer环境中不能使用，需要FlashLite1.0或FlashLite1.1的支持才可以。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 20:54:15
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜