Due: Tuesday, 4 July, 2000, beginning of class.

Complete the following activities. You must work in pairs.

All movies or projectors must be put into the Lab 1 folder which is in the Turn-in folder on Nova/user_ic/Barrj/CS100jb. Name your movie lastNames Lab 1 where the lastNames is substituted with the last names of the people working on the lab.

Activity 1.

1. Opening the lab.

   • Copy the Redi-Base project from the CD that comes with your book onto the hard drive of the computer by dragging it to the desktop. The file is in the director/SF-Director folder on the CD.

2. Double click on the Redi-Base project that is on your desktop. Starting with instruction 2, page B-1, of your text book to complete the project.

Activity 2.

1. Opening the lab.

   • Log onto Nova using the chooser. Then open Nova/user_ic/barrj/cs136jb/materials/lab1. Drag the folder onto the desktop.

   • Start Director by clicking on its icon in the shortcuts folder on the desktop.

   • Make the stage black by choosing Modify->Movie->Properties and then clicking and holding on the Stage Color chip. Also make sure that the stage size is 640X480.

2. Importing a cast member.

   • Make sure that the cast window is open. Choose Window->Cast if it is not.

   • Choose File->Import. In the Import dialog box, open the lab1 folder and select the Artiststudio.tif graphic and click Add.

   • Click the import button.

   • If you get a dialog box asking what color depth that you want, choose the 8bit depth.

   • Next open the control panel by using Window->Control Panel.

   • Click the rewind button on the control panel to make sure that the playback head is in frame 1.

   • Now move the cast member into the score by clicking on its image in the cast and dragging it onto frame 1, channel 1 of the score.

   • The sprite should extend from frame 1 to frame 28. Click and drag the square box in frame 28, channel 1 (the last frame of the sprite) and drag it to frame 40.

3. Creating Text.

   • Now you will add a text member. Open the text window by choosing Window->Text. Choose a font, style and size. Make sure that the size is at least 36 points. Then type the text:

     Multimedia Programming

   • Note that the text has appeared as cast member 2. Now make two more text cast members using the text window, one that says "The Course" and the other that says "whose time". Both of these should be a smaller font than your first text member. Note that you can create a new text cast member when the text window is open by clicking on the plus sign in the upper left hand corner of the window.

   • Now open the cast window. Click on cast member 4, the text member that says "whose time". Choose Edit->copy cast members. Click on cast position 5, then choose Edit->paste cast members. Double click on the new cast member. The text window should appear. Change the text to read "has come."

   • Save your work as lastName1-lastName2.lab1. Save it on the desktop. Later you will turn this lab in by dragging it to a drop box on Nova.

4. Changing text colors.
   • Double click on sprite 2, the first text cast member. The text window will open.

   • Select all of the text.

   • Open the text palette by choosing Window->Tool Palette. Click on the foreground chip and change the color. The text color should also change.

   • Now click on the right arrow in the upper left hand corner of the text window. You should see the next text cast member. Change this color.

   • Change the color of the other cast members in a similar manner.

5. Placing the text cast members on the stage.
   • Drag cast member 2 to the first frame of the 2nd channel.

   • Drage cast member 3 to the first frame of the 3rd channel.

   • Drag cast member 4 to the first frame of the 4th channel.

   • Drage cast member 5 to the first frame of the 5th channel.

   • Align the text members on the stage by clicking and dragging them. Place the "Multimedia Programming" member at the top so that it's all on one line. When you click on the cast member on the stage, small boxes will appear around it. You can click and drag on these to change the shape of the member.

   • Align the other text members so that each one appears below the previous one and is offset slightly to the left.

   • Note that there is a white bounding box around each of the cast members. We can eliminate this by using a stage ink.

   • Bring the score window to the front. Click somewhere in the middle of sprite 2 (its in channel 2). The shift click on sprites 3, 4, and 5. All of the sprites should now be highlighted.

   • Now go to the top middle of the score window. There is a pull down menu which says "copy". Pull this down and choose "Background Transparent". All of the white bounding boxes should disappear.

6. Sequencing the Sprites.
   • Select the sprite in channel 2.

   • Drag the square in the last frame (the end frame indicator) so that the sprite lasts for 40 frames.

   • Make sprite 3 last 30 frames, sprite 4 last 20 frames, and sprite 5 10 frames.

   • Now click in the middle of sprite 2. Drag it so that it begins in frame 11.

   • Now make sprite 4 begin in frame 21 and sprite 5 in frame 31.

7. Make sure that the control panel is open. Click on the rewind button and then play the movie by clicking on the forward button.

8. Save the movie.

9. Creating graphics with the Paint Window.
   • Open the Paint window by choosing Window->Paint. If the window is not blank, click on the plus sign in the upper right hand corner to get a new cast member. Click the foreground color chip on the Paint Window's Gradient Colors tool and select a dark color. The gradient tool is on the left side of the window and has two horizontal color chips connected by some colored dots.

   • Choose a light color as the destination color.

   • Click and hold down in the dots in between the two color chips. A pop-up menu will appear with the names of different types of gradients. Choose "Sun Burst".

   • Choose the Filled Ellipse tool. At the bottom of the Paint Window is a small pop-up menu. It should currently say "normal". Click and hold down on this button and choose "gradient".

   • Holding down on the shift key, create a small circle. This should be cast member 6. Note that you can erase everything in the Paint Window by double clicking on the eraser tool. Or you can use the lasso or the marque tool to surround and capture the object and pressing the delete key.

10. Sprites with the same cast member.
    • Drag the new circle cast member to frame 11, channel 6. Make sure that it extends to frame 40.

    • Now drag the same cast member to frame 21, channel 7. Next drag the same cast member to frame 31, channel 8. Make them both end in frame 40.

    • Make all of these spirtes background transparent. Position them on the stage so that they are in front of the text sprite that starts in the same frame as they do. For example, position sprite 6 so that it is in front of sprite 3.

    • Now we'll align the bullets so that they are on the same line as the corresponding text. First select a bullet and then shift click on the corresponding text. Then choose Modify->Align.

    • There are three pop-up menus in the Align menu. The first has three horizontal dots next to it. Pop this up and choose Align Centers. Then click on the Align button. The bullet and its corresponding text should line up.

    • Repeat with the other bullets/text members.
11. Animating the text and bullets.
    • We now want the three bullets and corresponding text to animate in from the right of the stage. We can do this using keyframes. A keyframe is a frame in a sprite that can be positioned independently of the other frames of the sprite.

    • click in frame 40 of channel 3 (the last frame of sprite 3). This fame should become highlighted though the rest of the sprite will not be highlighted. The choose Modify->keyframe. The square should become a circle. The circle indicates a key frame. The first frame of every sprite is always a keyframe.

    • Now click on frame 11, channel 3. This is the first frame of sprite 3. Only this frame should be highlighted. Go to the stage and, holding down the shift key, move the drag the sprite off the right end of the stage. A line with dots should appear and grow as you drag it. The line indicates the path that the sprite will take when the movie is played. Holding down the shift key restrains the sprite to moving only horizontally or vertically.

    • Now play the movie. The text "the course" should move from the right of the stage into its position. Note that the associated bullet does not move.

    • Look at the top part of the score window. You should see multiple boxes and symbols. If you don't, choose View->Sprite Toolbar. This toolbar contains information about the selected sprite. Click on in frame 11 of channel 3 (sprite 3, the one you just moved). Notice that there is a box with an x beside it and a box with a y beside it. These are the x and y coordinates of the sprite (in terms of pixels from the upper left corner of the stage). We just moved the x coordinate for sprite 3 and now it should read something greater than 640. Remember the number that is displayed.

    • Next make the last frame (frame 40) of sprite 4 a keyframe. Then click on frame 21, channel 4 (sprite 4). Change the number in the x box of the sprite toolbar at the top of the window to be the same number as you read for sprite 3. The sprite should disappear from the stage.

    • Now make the last frame (frame 40) of sprite 5 a keyframe. Then click in frame 31 of channel 5 to choose the first frame of sprite 5. Open the sprite inspector by choosing Window->Inspectors->Sprite. This is yet another way to look at sprite information. You could close the sprite toolbar on the score (choose View->Sprite Toolbar) and instead open this window when you needed it. Change the x coordinate of sprite 5 (in frame 31) to be the same number that you used for sprites 3 and 4. The sprite shold disappear from the stage.

    • Repeat this procedure the other text sprites.
12. Rewind the movie. Then hit the enter key on the numeric keypad to the your movie.

13. Save the movie to the desktop. Make sure that its name is lastname1-lastName2 lab1.dcr. Then drag it to Nova/user_ic/barrj/cs190jb/turn-in/lab1.

Due: Wednesday, 5 July, 2000, beginning of class.

Complete the following activities. You must work alone.

Create a rocket animation. This will require the following steps.

1. Create the rocket in the Paint window.

2. Choose a background color for the movie. Make it a daytime movie, i.e., with a blue sky and white clouds.

3. Place your cast members on the Stage. Create an animation using 'tweening. The rocket should not travel in a straight line. You must use keyframes to make the rocket take some type of curved path.

4. Create a sun in the paint window using a sunburst gradient. Place this cast member in your sky.

5. Create a title for your movie that contains your name and some title. Have this title scroll onto the stage in the beginning frames of your movie, then disappear when the rocket part begins.

When you have finished your movie place it in the PostLab 1 folder that is in the Turn-in/PostLab 1 folder on Nova/barrj/cs136jb. Name your movie lastName Post 1 with the lastName substituted by your last name.

Last Modified: 2 July 2000

THIS PAGE MAINTAINED BY:
John Barr, Ithaca College