Graphics Module Tutorial This tutorial will guide you through the creation of a very simple animated drawing. Although you can probably get through this short tutorial without it, I'm going to assume that you have read the manual. The manual is located in the manual.doc file. Load the program by entering the command GO. Now press the ENTER key twice. If you will be using a Microsoft (tm) mouse then press y. If not press n. You should now be in MAIN GRAPHICS MENU. Press the number 1 key to get into the GRAPH menu. Finally, press 1 again to get into the DRAW menu. Note: It's actually much easier to draw using the mouse. When using the mouse remember that the left button can be used for "yes" or in place of the ENTER key. The right button can be use for "no" or in place of the ESC key. This tutorial was written assuming you don't have a mouse. If you have a mouse and have installed the mouse driver, always look at the top of the screen for button clicking instructions. Now it's time to draw something. These are the steps: 1. DRAW A LINE a. Choose the LINE option using the keyboard or the mouse as explained in the manual. b. Choose the color BLUE. Press 1 on the keyboard. c. Move the cursor to 150,85 using the arrow keys or the mouse then press ENTER. This selects the beginning of the line. d. Move the cursor to 180,85 then press ENTER to select the end point of the line. The line is now drawn and you're back in the DRAW menu. 2. PLACE AN ANIMATE MARK a. Press the number 5 key to get back to the GRAPH menu. b. Press the > key to see the additional options. c. Press the number 6 key to choose the ANIMATE MARK option. This stores the existing drawing as an animate screen. d. Press the < key to see the lower GRAPH options. e. Press the 1 key to choose the DRAW menu again. 3. HIDE THE EXISTING LINE Use the previous step #1 to draw a line over the existing line but this time choose the color NONE. This will erase the existing line without deleting it. 4. DRAW A BOX a. Choose the BOX option by pressing 2. b. Choose the color WHITE by pressing 3. c. Move the cursor to 150,90 and press ENTER. This selects one corner of the box. d. Move the cursor to 180,80 and press ENTER. This selects the opposite corner of the box. The box is now drawn. 5. PLACE ANOTHER ANIMATE MARK Repeat step #2 to store this drawing as an animation screen. 6. HIDE THE EXISTING BOX To hide the box we could draw over it in the color NONE but I want to show you another technique. This technique is faster if you have a lot of different figures to hide. a. Press 5 to return to the GRAPH menu. -1-Œ b. Press 4 to choose CLOAK. c. Make sure the cursor is at 180,80 and then press ENTER. This selects one corner of the area to be hidden. d. Move the cursor to 150,90 and press enter again. This selects the opposite corner of the area to be hidden. e. Press 1 to get back into the DRAW menu. 7. DRAW A CIRCLE a. Press 3 to choose CIRCLE. b. Press 2 to choose the color RED. c. Type 15 then press ENTER to choose a radius of 15 pixels. d. Move the cursor to 165,85 and press ENTER to locate the center of the circle at 165,85. 8. PLACE ANOTHER ANIMATE MARK Repeat step #2 to store this drawing as an animation screen. 9. HIDE THE EXISTING CIRCLE Repeat step #7 but this time choose the color NONE. This will cover over the circle in background color and hide it from view. 10. DRAW AN ARC a. Choose ARC by pressing the key 6. b. Choose the color BLUE by pressing 1. c. Enter an aspect ratio of 2. This is y-pixels divided by x-pixels. d. Enter a radius of 30 by typing 30 then pressing ENTER. e. Enter a start angle of 0 degrees. f. Enter an end angle of 360 degrees. g. Move the cursor to 165,85 and press ENTER. The ARC is now drawn. 11. PLACE ANOTHER ANIMATE MARK Repeat step #2 to store this drawing as an animate screen. 12. ANIMATE YOUR DRAWING a. Return to the GRAPH menu by pressing 5 or ESC. b. See the additional options by pressing >. c. Choose ANIMATE by pressing 7. You should now see the animated drawing. d. Return to the GRAPH menu by pressing 5. e. Go to the DRAW menu by pressing 1. 13. DRAW A MACRO a. Press 4 to choose MACRO. b. Use whatever technique you desire to highlight the MACRO you want. Lets highlight SCHOOL HOUSE. Now press ENTER. e. Choose RED by pressing 2. f. Choose SMALL by pressing 1. g. Move the cursor to 165,90 and press ENTER. The school house is now drawn. 14. PAINT a. Select the PAINT option from the GRAPH menu. -2-Œ b. Select the color white by pressing 3. c. Select the boundary color red by pressing 2. d. Move the cursor to position 165,79 then press ENTER. The red school house will be filled in with white paint. 15. WRITE TEXT a. Choose the DRAW option from the GRAPH menu. b. See the upper options by pressing >. c. Choose TEXT from the DRAW menu by pressing the number key 7. d. Type this "Test 1+2=3." then press ENTER. e. Choose the color RED by pressing 2. f. Choose the SMALL size by pressing 1. g. Move the cursor to position 138,123 then press ENTER. 16. COPY GRAPHICS a. Select the COPY option from the GRAPH menu by pressing > to see the upper options then pressing 9. b. Place the cursor at position 148,51 then press ENTER. This defines the upper left corner of the graphics to be copied. c. Place the cursor at position 181,117 then press ENTER again. This defines the lower right corner of the graphics to be copied. d. Move the cursor to position 47,51 and press ENTER again. This defines the upper left corner of the location for the copy. You should now have two identical school houses with ovals around them. 17. SAVE YOUR DRAWING a. Escape to MAIN MENU by pressing 5 or the ESC key. b. Select the FILE menu by pressing 2. c. Select the SAVE option from the FILE menu by pressing 1. d. Type TUTOR then press ENTER. Your graphics will be stored in a file named TUTOR.CGP. e. Press 5 or ESC to return to MAIN MENU. This has been a very simple example of how to draw and animate your drawing. For more elaborate examples see the example drawings DRAW3, DRAW4, and DRAW6. -3-Œ