Visualizing multiplication
Task
Create an applet to visualize multiplication of natural numbers. Explore the following applet and try to create one by following the instructions below.
Explore the construction...
Instructions
| 1 |  | Create a horizontal slider Columns for a number with Interval from 1 to 10, Increment 1 and Width 300.
Hint: You can change the Width of the slider in the  Settings in tab Slider. |
| 2 |  | Create a new point A. |
| 3 |  | Construct segment f with given length Columns from point A. |
| 4 |  | Move slider Columns to check the segment with given length. |
| 5 |  | Construct a perpendicular line g to segment f through point A. |
| 6 | | Construct a perpendicular line h to segment f through point B. |
| 7 | | Create a vertical slider Rows for a number with Interval from 1 to 10, Increment 1 and Width 300. Hint: You can select the orientation of the slider in the Slider dialog in tab Slider. |
| 8 |  | Create a circle c with center A and given radius Rows. |
| 9 | | Move slider Rows to check the circle with given radius. |
| 10 |  | Intersect circle c with line g to get intersection point C. Hint: When selecting the Intersect tool click on the intersection point above point A to only create this point. |
| 11 |  | Create a parallel line i to segment f through intersection point C. |
| 12 | | Intersect lines i and h to get intersection point D. |
| 13 |  | Construct a polygon ABDC. |
| 14 |  | Hide all lines, circle c and segment f. |
| 15 |  | Hide labels of segments using the  Style Bar. |
| 16 | | Set both sliders Columns and Rows to value 10. |
Try it yourself...
Instructions (continued)
| 17 |  | Create a list of vertical segments.
Sequence(Segment(A+i*(1, 0), C+i*(1, 0)),i ,1 ,Columns)
Note:
A + i*(1, 0) specifies a series of points starting at point A with distance 1 from each other.
C + i*(1, 0) specifies a series of points starting at point C with distance 1 from each other.
Segment(A + i*(1, 0), C + i*(1, 0))creates a list of segments between pairs of these points. Note, that the endpoints of the segments are not shown in the  Graphics View.
Slider Column determines the number of segments created. |
| 18 | | Create a list of horizontal segments.
Sequence(Segment(A+i*(0, 1), B+i*(0, 1)), i, 1, Rows)
|
| 19 | | Move sliders Columns and Rows to check the construction. |
| 20 |  | Insert static and dynamic text that state the multiplication problem using the values of sliders Columns and Rows as the factors:
text1: Columns
text2: *
text3: Rows
text4: = |
| 21 | | Calculate the result of the multiplication: result = Columns * Rows |
| 22 | | Insert dynamic text5: result |
| 23 | | Hide points A, B, C and D. |
| 24 |  | Enhance your construction using the Style Bar. |