home *** CD-ROM | disk | FTP | other *** search
/ Explore the World of Soft…ids, Adults, Educational / RocelcoInc-ExploreTheWorldOfSoftware-KidsAdultsEducational-Vol2-Shareware.iso / educate / disk073 / tutorial.doc < prev    next >
Encoding:
Text File  |  1991-05-25  |  7.0 KB  |  189 lines
  1.  
  2.                        Graphics Module Tutorial
  3.  
  4.  
  5. This tutorial will guide you through the creation of a very simple animated
  6. drawing.  Although you can probably get through this short tutorial without it,
  7. I'm going to assume that you have read the manual.  The manual is located in
  8. the manual.doc file.
  9.  
  10. Load the program by entering the command GO.  Now press the ENTER key twice.
  11. If you will be using a Microsoft (tm) mouse then press y.  If not press n.
  12. You should now be in MAIN GRAPHICS MENU.  Press the number 1 key to get into
  13. the GRAPH menu.  Finally, press 1 again to get into the DRAW menu.
  14.  
  15. Note: It's actually much easier to draw using the mouse.  When using the mouse
  16. remember that the left button can be used for "yes" or in place of the ENTER
  17. key.  The right button can be use for "no" or in place of the ESC key.  This
  18. tutorial was written assuming you don't have a mouse.  If you have a mouse and
  19. have installed the mouse driver, always look at the top of the screen for
  20. button clicking instructions.
  21.  
  22. Now it's time to draw something.  These are the steps:
  23.  
  24. 1.   DRAW A LINE
  25.      a.   Choose the LINE option using the keyboard or the mouse as explained
  26.           in the manual.
  27.      b.   Choose the color BLUE.  Press 1 on the keyboard.
  28.      c.   Move the cursor to 150,85 using the arrow keys or the mouse then
  29.           press ENTER.  This selects the beginning of the line.
  30.      d.   Move the cursor to 180,85 then press ENTER to select the end point of
  31.           the line.  The line is now drawn and you're back in the DRAW menu.
  32.  
  33. 2.   PLACE AN ANIMATE MARK
  34.      a.   Press the number 5 key to get back to the GRAPH menu.
  35.      b.   Press the > key to see the additional options.
  36.      c.   Press the number 6 key to choose the ANIMATE MARK option.
  37.           This stores the existing drawing as an animate screen.
  38.      d.   Press the < key to see the lower GRAPH options.
  39.      e.   Press the 1 key to choose the DRAW menu again.
  40.  
  41. 3.   HIDE THE EXISTING LINE
  42.      Use the previous step #1 to draw a line over the existing line but this
  43.      time choose the color NONE.  This will erase the existing line without
  44.      deleting it.
  45.  
  46. 4.   DRAW A BOX
  47.      a.   Choose the BOX option by pressing 2.
  48.      b.   Choose the color WHITE by pressing 3.
  49.      c.   Move the cursor to 150,90 and press ENTER.  This selects one corner
  50.           of the box.
  51.      d.   Move the cursor to 180,80 and press ENTER.  This selects the opposite
  52.           corner of the box.  The box is now drawn.
  53.  
  54. 5.   PLACE ANOTHER ANIMATE MARK
  55.      Repeat step #2 to store this drawing as an animation screen.
  56.  
  57. 6.   HIDE THE EXISTING BOX
  58.      To hide the box we could draw over it in the color NONE but I want to
  59.      show you another technique.  This technique is faster if you have a lot
  60.      of different figures to hide.
  61.      a.   Press 5 to return to the GRAPH menu.
  62.  
  63.                                       -1-î
  64.  
  65.  
  66.  
  67.  
  68.      b.   Press 4 to choose CLOAK.
  69.      c.   Make sure the cursor is at 180,80 and then press ENTER.  This selects
  70.           one corner of the area to be hidden.
  71.      d.   Move the cursor to 150,90 and press enter again.  This selects the
  72.           opposite corner of the area to be hidden.
  73.      e.   Press 1 to get back into the DRAW menu.
  74.  
  75. 7.   DRAW A CIRCLE
  76.      a.   Press 3 to choose CIRCLE.
  77.      b.   Press 2 to choose the color RED.
  78.      c.   Type 15 then press ENTER to choose a radius of 15 pixels.
  79.      d.   Move the cursor to 165,85 and press ENTER to locate the center of
  80.           the circle at 165,85.
  81.  
  82. 8.   PLACE ANOTHER ANIMATE MARK
  83.      Repeat step #2 to store this drawing as an animation screen.
  84.  
  85. 9.   HIDE THE EXISTING CIRCLE
  86.      Repeat step #7 but this time choose the color NONE.  This will cover over
  87.      the circle in background color and hide it from view.
  88.  
  89. 10.  DRAW AN ARC
  90.      a.   Choose ARC by pressing the key 6.
  91.      b.   Choose the color BLUE by pressing 1.
  92.      c.   Enter an aspect ratio of 2.  This is y-pixels divided by x-pixels.
  93.      d.   Enter a radius of 30 by typing 30 then pressing ENTER.
  94.      e.   Enter a start angle of 0 degrees.
  95.      f.   Enter an end angle of 360 degrees.
  96.      g.   Move the cursor to 165,85 and press ENTER.  The ARC is now drawn.
  97.  
  98. 11.  PLACE ANOTHER ANIMATE MARK
  99.      Repeat step #2 to store this drawing as an animate screen.
  100.  
  101. 12.  ANIMATE YOUR DRAWING
  102.      a.   Return to the GRAPH menu by pressing 5 or ESC.
  103.      b.   See the additional options by pressing >.
  104.      c.   Choose ANIMATE by pressing 7.  You should now see the animated
  105.           drawing.
  106.      d.   Return to the GRAPH menu by pressing 5.
  107.      e.   Go to the DRAW menu by pressing 1.
  108.  
  109.  
  110. 13.  DRAW A MACRO
  111.      a.   Press 4 to choose MACRO.
  112.      b.   Use whatever technique you desire to highlight the MACRO you want.
  113.           Lets highlight SCHOOL HOUSE.  Now press ENTER.
  114.      e.   Choose RED by pressing 2.
  115.      f.   Choose SMALL by pressing 1.
  116.      g.   Move the cursor to 165,90 and press ENTER.  The school house is now
  117.           drawn.
  118.  
  119. 14.  PAINT
  120.      a.   Select the PAINT option from the GRAPH menu.
  121.  
  122.  
  123.  
  124.  
  125.  
  126.                                       -2-î
  127.  
  128.  
  129.  
  130.  
  131.  
  132.      b.   Select the color white by pressing 3.
  133.      c.   Select the boundary color red by pressing 2.
  134.      d.   Move the cursor to position 165,79 then press ENTER.  The red school
  135.           house will be filled in with white paint.
  136.  
  137. 15.  WRITE TEXT
  138.      a.   Choose the DRAW option from the GRAPH menu.
  139.      b.   See the upper options by pressing >.
  140.      c.   Choose TEXT from the DRAW menu by pressing the number key 7.
  141.      d.   Type this "Test 1+2=3." then press ENTER.
  142.      e.   Choose the color RED by pressing 2.
  143.      f.   Choose the SMALL size by pressing 1.
  144.      g.   Move the cursor to position 138,123 then press ENTER.
  145.  
  146. 16.  COPY GRAPHICS
  147.      a.   Select the COPY option from the GRAPH menu by pressing > to see the
  148.           upper options then pressing 9.
  149.      b.   Place the cursor at position 148,51 then press ENTER.  This defines
  150.           the upper left corner of the graphics to be copied.
  151.      c.   Place the cursor at position 181,117 then press ENTER again.  This
  152.           defines the lower right corner of the graphics to be copied.
  153.      d.   Move the cursor to position 47,51 and press ENTER again.  This
  154.           defines the upper left corner of the location for the copy.  You
  155.           should now have two identical school houses with ovals around them.
  156.  
  157. 17.  SAVE YOUR DRAWING
  158.      a.   Escape to MAIN MENU by pressing 5 or the ESC key.
  159.      b.   Select the FILE menu by pressing 2.
  160.      c.   Select the SAVE option from the FILE menu by pressing 1.
  161.      d.   Type TUTOR then press ENTER.  Your graphics will be stored in a file
  162.           named TUTOR.CGP.
  163.      e.   Press 5 or ESC to return to MAIN MENU.
  164.  
  165. This has been a very simple example of how to draw and animate your drawing.
  166. For more elaborate examples see the example drawings DRAW3, DRAW4, and DRAW6.
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.                                       -3-î