仓酷云

标题: 来看看：Flash cs4教程:典范复杂的“填色”游戏-Flash实例教程 [打印本页]

作者: 活着的死人 时间: 2015-1-15 20:54
标题: 来看看：Flash cs4教程:典范复杂的“填色”游戏-Flash实例教程
若你要观看网页上的多媒体内容，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所示。

　　

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所示：

　　

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的支持才可以。

作者: 蒙在股里 时间: 2015-1-17 15:05
专业的建筑动画、产品动画、角色动画、flash动画、游戏美工等全方位服务的创意动漫公司。十年专业的动漫制作经验，为政府、企业等制作出无数优秀的创意动画设计产品。

作者: 爱飞 时间: 2015-1-26 17:34
不能制作色彩丰富变化的图像，核心竞争力小，而且有一定的局限性。要想制作优秀的动画，就要充分了解软件的优点和缺陷。

作者: 愤怒的大鸟 时间: 2015-2-4 21:44
作为奖赏，你可以使用关键祯动画支持和tweening- 两个最主要的节省时间的方式。本质上，关键祯是动画中显著事件发生的位置。

作者: 若天明 时间: 2015-2-10 21:52
传播上的优势——无国界跨媒体；创作群体的形成；媒体及比赛的推进

作者: 谁可相欹 时间: 2015-3-10 23:39
Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

作者: 小魔女 时间: 2015-3-17 17:10
在与制作传统动画相比较的同时，flash具有便捷、节省人力财力，节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。

作者: 兰色精灵 时间: 2015-3-24 20:30
Flash流行的主要原因是它使用了矢量图形（与位图相反）。因为这种图形格式比位图小得多，而且在缩放时对图形质量影响不大，所以很适合对带宽要求很高的Web。

欢迎光临仓酷云 (http://ckuyun.com/)