home *** CD-ROM | disk | FTP | other *** search
/ ProfitPress Mega CDROM2 …eeware (MSDOS)(1992)(Eng) / ProfitPress-MegaCDROM2.B6I / MISC / EDUCATIO / CGP20.ZIP / TUTORIAL.DOC < prev    next >
Encoding:
Text File  |  1991-07-27  |  8.5 KB  |  292 lines
  1.         The Children's Graphics Program
  2.               Tutorial
  3.  
  4.  
  5. This tutorial will guide you through the creation of a very
  6. simple animated drawing.  Although you can probably get through
  7. this short tutorial without it, I'm going to assume that you
  8. have read the manual.  The manual is located in the manual.doc
  9. file.
  10.  
  11. In this tutorial you'll see some paragraphs that are labeled
  12. MOUSE and some that are labeled KEYBOARD.  You only need to
  13. read the ones that are relevant to you.  For example, if you
  14. are not using a mouse then you only need to read the ones that
  15. are labeled KEYBOARD.
  16.  
  17. It's actually much easier to draw using the mouse.  When you use
  18. the mouse remember that the left button can be used for "yes" or
  19. in place of the ENTER key.  The right button can be use for "no"
  20. or in place of the ESC key.
  21.  
  22. Now let's get started.  Load the program by entering the command
  23. GO.  If this doesn't work try using CGP.  Now press the ENTER key
  24. twice.  If you will be using a mouse press y.  If not press n.
  25. You should now be in MAIN GRAPHICS MENU.
  26.  
  27. Now it's time to draw something.  These are the steps:
  28.  
  29. 1.   DRAW A LINE
  30.  
  31.      a.   Choose the GRAPH option.
  32.  
  33.       MOUSE - Move the mouse left or right so the arrow is
  34.       pointing to the word GRAPH then press the left button.
  35.  
  36.       KEYBOARD - Press the first number key, "1".
  37.  
  38.       you should now be in the GRAPH menu.
  39.  
  40.      b.   Now choose the DRAW option in the same manner that you
  41.       chose the GRAPH option.
  42.  
  43.      c.   Choose the LINE option from the DRAW menu using the
  44.       keyboard or the mouse as explained above.
  45.  
  46.      d.   Choose the color BLUE (press the number key "2" if
  47.       you're using the keyboard or place the arrow key over
  48.       the word BLUE then press the left button if you're
  49.       using the mouse).
  50.  
  51.      e.   Select the position 150,85 for the beginning of the
  52.       line.
  53.  
  54.  
  55.       MOUSE - Move the mouse until the cursor is at position
  56.       150,85 then press the left button.
  57.  
  58.       KEYBOARD - Use the keys to move the cursor to position
  59.       150,85 then press the ENTER key.  Use the arrow key
  60.       for single pixel cursor movements in either direction.
  61.       For large cursor movements in the horizontal direction
  62.       press the control key and then the left or right arrow
  63.       key simultaneously.  For large cursor movements in the
  64.       vertical direction use the PGUP and PGDN keys.
  65.  
  66.      f.   Use the same technique to select position 180,85 for
  67.       the end point of the line.  The line is now drawn and
  68.       you're back in the DRAW menu.
  69.  
  70. 2.   PLACE AN ANIMATE MARK
  71.  
  72.      a.   Go back to the GRAPH menu.
  73.  
  74.       MOUSE - Press the right mouse button or select option
  75.       5-END from the menu.
  76.  
  77.       KEYBOARD - Press the fifth number key or press ESC.
  78.  
  79.      b.   Select > to see the additional options.
  80.  
  81.      c.   Choose the AMARK or Animate Mark option.  This stores
  82.       the existing drawing as an animation screen.
  83.  
  84.      d.   Select < to see the lower GRAPH options.
  85.  
  86.      e.   Choose the DRAW option again.
  87.  
  88. 3.   HIDE THE EXISTING LINE
  89.  
  90.      Use the previous step #1 to draw a line over the existing
  91.      line but this time choose the color NONE.  This will erase
  92.      the existing line without deleting it.
  93.  
  94. 4.   DRAW A BOX
  95.  
  96.      a.   Choose the BOX option using either the keyboard or the
  97.       mouse.
  98.  
  99.      b.   Select the color WHITE.
  100.  
  101.      c.   Move the cursor to 150,90 then press ENTER or the left
  102.       mouse button.  This selects one corner of the box.
  103.  
  104.  
  105.      d.   Move the cursor to 180,80 and press ENTER or the left
  106.       mouse button.  This selects the opposite corner of the
  107.       box.  The box is now drawn.
  108.  
  109. 5.   PLACE ANOTHER ANIMATE MARK
  110.  
  111.      Repeat step #2 to store this drawing as an animation screen.
  112.  
  113. 6.   HIDE THE EXISTING BOX
  114.  
  115.      To hide the box we could draw over it in the color NONE but
  116.      I want to show you another technique.  This technique is
  117.      faster if you have a lot of different figures to hide.
  118.  
  119.      a.   Select 5 to return to the GRAPH menu.
  120.  
  121.      b.   Choose CLOAK using the keyboard or mouse.
  122.  
  123.      c.   Make sure the cursor is at 180,80 and then press ENTER
  124.       or the left mouse button.  This selects one corner of
  125.       the area to be hidden.
  126.  
  127.      d.   Move the cursor to 150,90 and select this point like
  128.       you just did for the first corner.  This selects the
  129.       opposite corner of the area to be hidden.
  130.  
  131.      e.   Select DRAW from the menu to get into the DRAW menu
  132.       again.
  133.  
  134. 7.   DRAW A CIRCLE
  135.  
  136.      a.   Select CIRCL or Circle from the menu.
  137.  
  138.      b.   Choose the color RED.
  139.  
  140.      c.   Type 15 then press ENTER to choose a radius of 15
  141.       pixels.
  142.  
  143.      d.   Move the cursor to 165,85 and press ENTER or the left
  144.       mouse button to locate the center of the circle at
  145.       165,85.
  146.  
  147. 8.   PLACE ANOTHER ANIMATE MARK
  148.  
  149.      Repeat step #2 to store this drawing as an animation screen.
  150.  
  151. 9.   HIDE THE EXISTING CIRCLE
  152.  
  153.      Repeat step #7 but this time choose the color NONE.  This
  154.      will cover over the circle in background color and hide it
  155.      from view.
  156.  
  157.  
  158. 10.  DRAW AN ARC
  159.  
  160.      a.   Choose > to see the additional options then select
  161.       ARC.
  162.  
  163.      b.   Choose the color BLUE.
  164.  
  165.      c.   Enter an aspect ratio of 2.  This is y-pixels divided
  166.       by x-pixels.
  167.  
  168.      d.   Enter a radius of 30 by typing 30 then pressing ENTER.
  169.  
  170.      e.   Enter a start angle of 0 degrees.
  171.  
  172.      f.   Enter an end angle of 360 degrees.
  173.  
  174.      g.   Move the cursor to 165,85 and press ENTER or the left
  175.       mouse button.  The ARC is now drawn.
  176.  
  177. 11.  PLACE ANOTHER ANIMATE MARK
  178.  
  179.      Repeat step #2 to store this drawing as an animate screen.
  180.  
  181. 12.  ANIMATE YOUR DRAWING
  182.  
  183.      a.   Return to the GRAPH menu by choosing 5 or by pressing
  184.       the right mouse button.
  185.  
  186.      b.   See the additional options by selecting >.
  187.  
  188.      c.   Choose AMATE or Animate.  The drawing now becomes
  189.       animated.
  190.  
  191.      d.   To stop the animation either press ESC, the fifth
  192.       number key or the right mouse button.
  193.  
  194.      e.   Select < to see first set of options.
  195.  
  196.      f.   Select DRAW.
  197.  
  198.  
  199. 13.  DRAW A MACRO
  200.  
  201.      a.   Choose MACRO.
  202.  
  203.      b.   Choose the option CHOOSE A PROGRAMMED MACRO using the
  204.       arrow keys or the mouse.
  205.  
  206.      c.   Use whatever technique you desire to highlight the
  207.       MACRO you want.  Let's highlight SCHOOL HOUSE.  Now
  208.       press ENTER or the left mouse button.
  209.  
  210.  
  211.      d.   Choose the color RED.
  212.  
  213.      e.   Choose SMALL.
  214.  
  215.      f.   Move the cursor to 165,90 and press ENTER or the left
  216.       mouse button.  The school house is now drawn at the
  217.       location you specified.
  218.  
  219. 14.  PAINT
  220.  
  221.      a.   Select END to return to the GRAPH menu.
  222.  
  223.      b.   Select the PAINT option.
  224.  
  225.      c.   Select the color white.
  226.  
  227.      d.   Select the boundary color red.
  228.  
  229.      e.   Move the cursor to position 165,83 then press ENTER or
  230.       the left mouse button.  The red school house will be
  231.       filled in with white paint.
  232.  
  233. 15.  WRITE TEXT
  234.  
  235.      a.   Choose the DRAW option from the GRAPH menu.
  236.  
  237.      b.   See the upper options by selecting >.
  238.  
  239.      c.   Choose TEXT from the DRAW menu.
  240.  
  241.      d.   Type this "Test 1+2=3." then press ENTER.  Do not
  242.       type the quotation marks.
  243.  
  244.      e.   Choose the color RED.
  245.  
  246.      f.   Choose the SMALL size.
  247.  
  248.      g.   Move the cursor to position 138,123 then press ENTER
  249.       or the left mouse button.
  250.  
  251. 16.  COPY GRAPHICS
  252.  
  253.      a.   Return to the GRAPH menu by selecting END.
  254.  
  255.      b.   Select the COPY option from the GRAPH menu by first
  256.       selecting > to see the upper options then selecting
  257.       COPY.
  258.  
  259.      c.   Place the cursor at position 148,51 then press ENTER
  260.       or the left mouse button.  This defines the upper left
  261.       corner of the graphics to be copied.
  262.  
  263.  
  264.      d.   Place the cursor at position 181,117 then press ENTER
  265.       or the left mouse button again.  This defines the lower
  266.       right corner of the graphics to be copied.
  267.  
  268.      e.   Move the cursor to position 47,51 and press ENTER or
  269.       the left mouse button again.  This defines the upper
  270.       left corner of the location for the copy.  You should
  271.       now have two identical school houses with ovals around
  272.       them.
  273.  
  274. 17.  SAVE YOUR DRAWING
  275.  
  276.      a.   Escape to MAIN GRAPHICS MENU by selecting END.
  277.  
  278.      b.   Select the FILE option.
  279.  
  280.      c.   Select the STORE option from the FILE menu.
  281.  
  282.      d.   Type TUTOR then press ENTER.  Your graphics will be
  283.       stored in a file named TUTOR.CGP.
  284.  
  285.      e.   Choose END to return to MAIN GRAPHICS MENU.
  286.  
  287.  
  288. This has been a very simple example of how to draw and animate
  289. your drawing.  For more examples see the example drawings DRAW3,
  290. DRAW4, and DRAW6.
  291.  
  292.