制作一个Flash的填色游戏

樱桃小猪猪

　　前些日子qinni在论坛贴出了她制作的一个添色的flash小游戏，是用编程实现的，很多朋友都对这个小游戏的做法非常感兴趣，所以qinni专门为大家编写了这样的一个教程。 　　第一个中文的教程，大家多多指教，下面大家看到的这个动画，就是我们今天要制作的flash添色小游戏。 　　先用RectangleTool画两个方形（别的形状也可以），注意你画的图形里面一定要有填充色，如果一开始没有设定的话，你可以用PaintBucketTool来填色，我的例子里用黑色的画外框，用白色的填充。 　　 　　选其中一个方形的填充色部位（注意不要选外面的线条），然后用Insert/Convert to Symbol把它转换成MovieClip，你可以给它一个比较有意义的名字（这是个值得养成的好习惯，总是给你library里面的东西取个好名字。虽然我总是做不到），我管它叫SmallRec。（见图1）

登录/注册后可看大图

　　用第二个步骤把另外一个方形的填充色部位也转换成Movie Clip，我的叫BigRec。 　　现在你也学会说：qinni，我的flash 文件现在看这怎么不对劲啊，两个方形外面的黑框怎么有部分找不到了？ 　　呵呵，这就对了，我下面就会说这个。 　　现在，选SmallRec和BigRec（别告诉我你不知道怎么同时选两样东西啊：） 　　点鼠标左键先选其中的一个，再按住Shift键，用鼠标选另外一个），用Ctrl和x键把SmallRec和BigReccut下来。 　　新加一个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只是用来放一些actionscript。鼠标右键点击这个Actionlayer的第一帧，从跳出的菜单里选action，然后把下面的Action Scriptcopy & paste到你的Actions window里。（见图3）functionswapColor(iname)varmyColorNumber;myColorNumber = random(7)myColor= newColor(iname);switch(myColorNumber)case1:myColor.setRGB(0xffffff);break;case2:myColor.setRGB(0x006600);break;case3:myColor.setRGB(0x990000);break;case4:myColor.setRGB(0x6666ff);break;case5:myColor.setRGB(0xff9900);break;case6:myColor.setRGB(0x000099);break;case7:myColor.setRGB(0xffff00);break;default:myColor.setRGB(0x666666);

登录/注册后可看大图

　　别着急，这就要完成了。鼠标右键点击SmallRec，从跳出的菜单里选action, 然后把下面的Action Scriptcopy& paste 到你的Actions window里。on(press)_root.swapColor(this); 　　对BigRec重复步骤6。 　　行了，用 Ctrl Enter来测试你的新作品，ＧＯＯＤ　ＬＵＣＫ！ 　　你可以让两个movieclips做些动画，不会影响填色的。你学会了这个后，你可以画一些复杂点的图，然后把一个色块组成一个movieclip，示例中的这个龙大概用了六七十个movieclips吧：） 　　作者：qinni