Introducing the Paint Window

Director's Paint window gets a bad rap because it's remained essentially the same since its inception. But it's great for creating simple graphics, cropping, rotating, and general touch-up. For other uses, you'll still want to use your regular image editor, but for now, the Paint window will serve our purposes perfectly.

In this section you'll use the Paint window to create a ball graphic that you will then animate along a path. You'll then adjust the Score animation so that the ball comes in and seems to activate the curtain open. It will just be another element to make the interface more interesting.


In the cast, click to choose the next empty slot at position 10. Then click the Paint Window icon on Director's toolbar to open the Paint window.

The Paint window opens. It may look like other image editors you've used. On the left of the window is a Tool palette containing various editing tools.


Choose the Magnifying Glass, then click in the empty editing area to zoom in as far as you can.

You can tell you're zoomed in as far as possible when the small box at upper right stops getting smaller. This small box always shows a non-magnified view of the bitmap you're working on, and it can't be removed.


Click the Foreground color chip and change the color to bright red. Next, choose the Pencil tool from the Tool palette.

Using the pencil, click anywhere in the blank area to create one single pixel of red. Using that pixel as the center point, draw a four-pixel-long line extending in all four directions from the center pixel. You will end up with a cross looking like this:


If it happens that you click to change a pixel to red, or any other color, and the pixel won't change color, close the Paint window and then reopen it by double-clicking the bitmap member in the cast. When it's reopened you should be able to color the pixel. This behavior is simply a small bug in the Paint Window and nothing more.


Using the pencil, fill in the shape to create a simple circle.

First, fill in the four quadrants you created so that you have a square of red one pixel smaller than the lines you just made:

Now, draw two pixels on either side of the pixel sticking out on each side, so that you end up with your final shape:


When drawing in the Paint window with the pencil, clicking a white pixel turns the pixel to the foreground color you have selected. Clicking the same pixel again will change the pixel back to white.


Change the foreground color to black. Using the pencil, draw a single pixel outline around the ball shape.

When you're through you should have a red circle with a black outline.

You're almost finished, but let's use the pencil to give your ball a little shading. Start by using white to draw a small cross at upper left to look like a glint of light. Use darker shades of red to give the bottom right side of the ball some shadow. When you're finished you might have a ball that looks like this:


Close the Paint window and notice that the bitmap has appeared in the cast in position 10.

Because the new member doesn't have a name, you should give it one now.


Click to choose the ball in the cast, and then at the top of the cast panel, in the Cast Member Name field, name the bitmap ball_anim.

In the third project in this bookthe 2D game you're going to createyou'll use the Paint window a little more to do some touch-up work. For now, let's move on to animating the ball you just created.

Macromedia Director MX 2004. Training from the Source
Macromedia Director MX 2004: Training from the Source
ISBN: 0321223659
EAN: 2147483647
Year: 2003
Pages: 166
Authors: Dave Mennenoh

Similar book on Amazon © 2008-2017.
If you may any questions please contact us: