Work on some simple programming after a long break. Just a simple flash tools to make your own pixel avatar, which can be use as your social media profile pic. I will stop working on this now, and probably will only update the graphic options when I am free.
Behind The Scene
Programming this is very simple. I actually spend more time creating the graphics. If you decide to make your own avatar maker in Flash, there are only few things you need to know
Changing Graphic Option
Different graphic sections (Hair, Eye, Mouth, Nose…) are store in different MovieClip and nested in a main MovieClip. Different options (Hair style1, Hair style 2, Hair style3…) are store in different frames. Then, you can just “gotoAndStop” on a particular frame. For example:
In my case, the file size is quite small and I am doing this all by myself, so I just did all the graphics in one SWF. You could probably did a function to load graphics from external swf/jpg/gif.
To change color, you just need to tint the movieclip. For example:
var tmpColor:Color=new Color();
var tmpTint:uint = e.target.selectedColor; //value from colorpicker component
mcAvatar.hair.transform.colorTransform = tmpColor;
You probably will also want to further divide the graphic into more section, as tinting a MovieClip, will change the whole clip color.
To export image from ActionScript. Download and install AS3CoreLib. Then you can use the following script to export image.
var tmpBitmap:BitmapData=new BitmapData(mcAvatar.width, mcAvatar.height);
var tmpJPG:JPGEncoder = new JPGEncoder(100);
tmpByte = tmpJPG.encode(tmpBitmap);
var tmpFile:FileReference=new FileReference();
Like this Flash? Follow me on my Facebook page to get more updates.
Posted in Art and Design, Scripting and Coding | Tags: ActionScript3, Flash, Pixel