制作一个Flash的填色游戏 |
| 作者:佚名 来源:闪吧 作者: 橙贝贝 更新:2007-1-13 20:43:30 错误报告 我要投稿 |
一个添色的flash小游戏,是用编程实现的
[全屏欣赏]
下面这个动画,就是要制作的flash添色小游戏。
[全屏欣赏]
先用Rectangle Tool画两个方形(别的形状也可以),注意你画的图形里面一定要有填充色,如果一开始没有设定的话,你可以用Paint Bucket Tool来填色,我的例子里用黑色的画外框,用白色的填充。
选其中一个方形的填充色部位(注意不要选外面的线条),然后用Insert/Convert to Symbol 把它转换成Movie Clip,你可以给它一个比较有意义的名字(这是个值得养成的好习惯,总是给你library里面的东西取个好名字。虽然我总是做不到),我管它叫SmallRec。(见图1)

用第二个步骤把另外一个方形的填充色部位也转换成Movie Clip,我的叫BigRec。
怎么不对劲啊,两个方形外面的黑框怎么有部分找不到了? 呵呵,这就对了,下面就会说这个。
现在,选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里。如下:
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来测试新作品 你可以让两个movie clips做些动画,不会影响填色的。学会了这个后,可以画一些复杂点的图,然后把一个色块组成一个movie clip,示例中的这个龙大概用了六七十个movie clips吧
|
|
| 文章录入:skyuu 责任编辑:skyuu |
|
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |