Coloring Book

Instructions

Open Flash by clicking on the icon on the dock

Save the document in your work folder
Create a colored image with lots of areas of different colors.
You can paint and then use the ink bottle tool to add an outline

Experiment with the paint options
Copy the entire image (Press +A then +C)
Insert a new layer
Click in frame 1 of new layer and select Edit—>Paste in Place or press +SHIFT+V
Lock this new layer and also turn it off (click on dot below eye on this layer)

CREATING COLOR AREAS

Using the selection tool select the interior of your shape (the colored area).
- CTRL+click on the color and —> convert to a movie clip symbol (F8). Don't worry about the name, just make sure it is a movie clip.
- While the movie clip is selected name the instance in the properties window (img1, img2, img3 -start with 1 and keep going in numerical order):
Open the Library (+L).
Double click on the symbol holding your whole drawing (probably symbol 1)
Click on all the fills and delete them (leave the outlines)

CREATING YOUR COLOR PALLETE

If you need extra space for your swatches-adjust either the width or the height in the property inspector
Create a new top layer
Make a circle filled with white and outlined with black.
Select just the outline and convert it to a movie clip- name it outline
Click on the circle's fill and convert it to a movie clip symbol named colorswatch
Place at least 6 colorswatch instances on the stage in a column on the right side of the drawing. (Hold OPTION, click and then drag)
In the Properties Window, name each swatch (swatch1, swatch2, etc)
In the Properties Window tint each colorswatch to a color that you would like as a choice for your coloring book.
Drag an instance of outline from the library and place on top of a swatch. OPTION/click/drag to outline each swatch.

CREATING YOUR PAINTBRUSH

Insert a new symbol. Make it a movie clip. Name it brush.
Draw a paint brush, being careful to set the cross hair center at the point which people will use to "dip" into the color swatch.
Click back on Scene 1
Create a new top layer
Drag an instance of the brush movie clip onto the stage. Name it brush in the properties inspector

The Script

Add a layer
Name the layer Actions
Open the Actionscript Window

Copy, paste and complete the following:

stop();

//this allows you to drag your brush
_root.brush.startDrag(true);

//hide the mouse
Mouse.hide();

//create a variable named upperLimit and set it 
//to the number of clips you named in the Properties Window starting with "img"
______=____;

//create a variable named colorSwatches and set it to 
//the number of color swatches you made
______________=__;

//create a variable named fill and set it to  0xFFFFFF
fill = _________;

//create a loop that starts at 1 and continues until upperLimit
for (i=1; i<=_____; i++) {

//Create a variable named  temp  and set it to a new Color object.
//pass the Color object the name of the clip
    ___ = new Color(_root["img"+i]);
    
//set the color of the Color object to fill
    ___.setRGB(fill);
}


_root.onEnterFrame = function() {

//create a loop that starts at 1 and continues until colorSwatches
    for (i=1; i<=_____; i++) {
        _root["swatch"+i].onRelease = function() {
        
        //create a variable  named paint and set it to a new Color object 
        //with the swatch passed to it
            ________ = new Color(this);
            
            //set fill to: "0x"+paint.getRGB().toString(16)
            //this gets a hex value for the color
            fill = _____________________________
        };
    }
    //create a loop that starts at 1 and continues until upperLimit
    //hint-look at the code above
    ______________________________
    
        _root["img"+i].onRelease = function() {
        
    //create a variable named colorMe and set it to a new Color object.
    //pass the Color object the name of the clip
        ___ = new Color(this);
    
    //set the color of the Color object to fill
    ___.setRGB(________);

        };
    }
};