电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到Animate制作简单的填色小游戏的问题，如果我们遇到了Animate制作简单的填色小游戏的情况，该怎么处理怎么才能解决Animate制作简单的填色小游戏带来的困扰呢，对于这样的问题其实我们只需要FLASH CS5/CS6/CC或者Animate CC打开Animate软件，新建Actionscript3.0文档。找一个矢量的素材，最好构图简单的简笔画。猪年就快到了，这里就用一个猪的图吧。接下来对这个矢量小猪进行处理，填充描边，并统一填充色。新建一个图层，把改好的图形复制到新建的图层，注意黏贴时使用快捷键ctrl+shift+v，这样就可以原位粘贴。把上面一层的图形填充去掉。如何出现如下图这样就解决了这样的问题，接下来给大家带来Animate制作简单的填色小游戏的详细操作步骤。

工具/原料

FLASH CS5/CS6/CC或者Animate CC

方法/步骤

打开Animate软件，新建Actionscript3.0文档。

找一个矢量的素材，最好构图简单的简笔画。猪年就快到了，这里就用一个猪的图吧。

接下来对这个矢量小猪进行处理，填充描边，并统一填充色。

新建一个图层，把改好的图形复制到新建的图层，注意黏贴时使用快捷键ctrl+shift+v，这样就可以原位粘贴。

把上面一层的图形填充去掉。如何出现如下图所示情况，全选所有线条，ctrl+b打散后，删除多余线条，最后如第二张图所示。

回到下面一个图层，将所有图块依次转换为影片剪辑。注意层级关系。

一定要把所有的图块都转换成影片剪辑。

全选所有的影片剪辑，再整体转换为一个影片剪辑。

设置这个影片剪辑实例名为pig_mc

从组件库中拖出一个ColorPicker,实例名设置为colorpicker

接下来在主时间轴加如下代码：

var num:int=pig_mc.numChildren;

init();

function init():void

{

for(var i:int=0;i<num;i++)

{

var obj:MovieClip=pig_mc.getChildAt(i) as MovieClip;

obj.addEventListener(MouseEvent.CLICK,ChangeColor);

}

}

function ChangeColor(e:MouseEvent):void

{

var obj:MovieClip=e.currentTarget as MovieClip;

var colorTransform:ColorTransform=new ColorTransform();

colorTransform.color=colorpicker.selectedColor

obj.transform.colorTransform=colorTransform;

}

运行成功后就可以制作自己专属颜色的小猪了。

注意事项

理解该教程需要一定的FLASH软件操作基础。
什么不明白的或者其它AS3代码方面的问题可以私信。