快速业务通道

制作一个Flash的填色游戏

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-09

?????? 前些日子qinni在非常牛论坛贴出了她制作的一个添色的Flash小游戏,是用编程实现的,很多朋友都对这个小游戏的做法非常感兴趣,所以qinni专门为大家编写了这样的一个教程。

??????? 第一个中文的教程,大家多多指教,我们今天要制作的flash添色小游戏。
????????先用Rectangle?Tool画两个方形(别的形状也可以),注意你画的图形里面一定要有填充色,如果一开始没有设定的话,你可以用Paint?Bucket?Tool来填色,我的例子里用黑色的画外框,用白色的填充。

??????? 选其中一个方形的填充色部位(注意不要选外面的线条),然后用Insert/Convert?to?Symbol?把它转换成Movie?Clip,你可以给它一个比较有意义的名字(这是个值得养成的好习惯,总是给你library里面的东西取个好名字。虽然我总是做不到),我管它叫SmallRec。(见图1)


?用第二个步骤把另外一个方形的填充色部位也转换成Movie?Clip,我的叫BigRec。

现在你也学会说:qinni,我的flash?文件现在看这怎么不对劲啊,两个方形外面的黑框怎么有部分找不到了?
呵呵,这就对了,我下面就会说这个。

现在,选SmallRec和BigRec(别告诉我你不知道怎么同时选两样东西啊:)
点鼠标左键先选其中的一个,再按住Shift?键,用鼠标选另外一个),用Ctrl和x键把SmallRec和BigRec?cut下来。
新加一个layer(Insert/Layer),点中这个新的layer,把它拖到原来layer1底下,然后在这个新的layer被选中的情况下,按Ctrl?+?Shift?+?v?把原来cut的东西paste到新的layer。(如果你用Ctrl?+?v的话,你要paste的东西会出现在和原来不同的位置)如果你不介意的话,顺手把layer1改名成Outlines?-?在这个layer上的是两个方形的外框,把layer2改名成Fillings?-?在这个layer上是SmallRec和BigRec。完成后,你的timelines显示应该如下图:(见图2)


再新加一个layer,把它的名字改成Action。这个新的layer只是用来放一些action?script。鼠标右键点击这个Action?layer的第一帧,从跳出的菜单里选action,然后把下面的Action?Script?copy?&?paste?到你的Actions?window里。(见图3)

function?swapColor(iname){
???????????????var?myColorNumber;
???????????????myColorNumber?=?random(7)
???????????????myColor?=?new?Color(iname);
???????????????switch?(myColorNumber)?{
????case?1:
???????????????myColor.setRGB(0xffffff);
???????????????break;
???case?2:
???????????????myColor.setRGB(0x006600);
???????????????break;
??case?3:
???????????????myColor.setRGB(0x990000);
???????????????break;
??case?4:
???????????????myColor.setRGB(0x6666ff);
???????????????break;
??case?5:
???????????????myColor.setRGB(0xff9900);
???????????????break;
??case?6:
???????????????myColor.setRGB(0x000099);
???????????????break;
??case?7:
???????????????myColor.setRGB(0xffff00);
???????????????break;
??default:
???????????????myColor.setRGB(0x666666);
??}
}?


别着急,这就要完成了。鼠标右键点击SmallRec,从跳出的菜单里选action,?然后把下面的Action?Script?copy?&?paste?到你的Actions?window里。

on?(press)?{
????????????????????_root.swapColor(this);
}


对BigRec重复步骤6。

行了,用?Ctrl?+?Enter来测试你的新作品,GOOD LUCK!

你可以让两个movie?clips做些动画,不会影响填色的。你学会了这个后,你可以画一些复杂点的图,然后把一个色块组成一个movie?clip,示例中的这个龙大概用了六七十个movie?clips吧:) ?
关键词:

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号