Home > Article > Software Tutorial > Graphic and text operations for creating translation and rotation animations using geometric sketchpad
Recently, PHP editor Baicao has discovered that more and more people are getting involved in geometric drawing board production. Geometric Sketchpad is a digital painting software that can be used to draw vector graphics and animations. It is different from traditional hand-painted tablets. It can realize operations such as translation, rotation and scaling of graphics, and the graphics produced are more accurate, standardized and beautiful. In addition, there are graphic and text operations of rotation animation, which further enriches the application of geometric sketchpad. For people who are interested in design and creativity, the geometric sketchpad is a very good choice, making your creation more convenient!
1. Draw △ABC and line segment DE. Open the geometric drawing board, select the [Polygon Tool] on the left sidebar, and draw △ABC in the blank area of the drawing board; select the [Line Segment Tool] on the left sidebar and draw a line segment DE on the drawing board.
2. Use the move tool to select the line segment DE, click the [Construction] menu in the upper menu bar, and select the [Point on Line Segment] command from its drop-down menu to construct a point on the line segment. Marked as F. Select points D and F in turn, click the [Construction] menu in the upper menu bar, and select the [Line Segment] command from its drop-down menu to construct the line segment DF.
3. Mark vector. Select the move tool, click D and F in sequence with the mouse, click the [Transform] menu in the upper menu bar, and select the [Mark Vector] command from its drop-down option.
4. Create a translation animation of △ABC. Select △ABC, click the [Transform] menu in the upper menu bar, select the [Translation] command in the drop-down option, and click the [Translation] button in the pop-up dialog box. At this time, the translation of △ABC has been completed. Just drag the point F, the translation of △ABC is shown.
5. Make animated buttons. Use the move tool to select point F, click the [Edit] menu in the upper menu bar, select the [Operation Button]-[Animation] command from its drop-down option, and click the OK button in the pop-up dialog box (you can adjust the direction here as needed) and speed). In this way, the animation of △ABC translating in the DE direction is completed. Click the [Animation Point] button in the upper left corner of the drawing board to dynamically demonstrate it.
2. Rotation animation of graphics produced with geometric sketchpad
Take the production of [animation of a triangle rotating around any point on the plane] as an example. The specific operations are as follows:
1. Open the geometric sketchpad, use the [Line Segment Tool] on the left to draw any triangle ABC, and then use the [Point Tool] to draw any point O outside the triangle. Double-click point O and mark it as the rotation center;.
2. Click the [Data] menu above, select the [New Parameter] command in the drop-down menu, change the unit to angle in the pop-up New Parameter dialog box, and click [OK].
3. Select the angle parameter created in the previous step, click the [Transform] menu above, and select the [Mark Angle] command in the drop-down menu. Select the triangle ABC to be rotated, click the [Transform] menu above, select the [Rotate] command in the drop-down menu, use the marked angle, and click [OK].
4. Select the angle parameter, click the [Edit] menu above, select [Operation Button] - [Animation] in the drop-down menu, and click [In the pop-up animation button dialog box] Sure】. Click the parameter animation button in the upper left corner with the mouse, and the animation of the triangle's rotation around the point will begin. Of course, if you manually change the angle of the parameter, animation can also appear.
The above is the detailed content of Graphic and text operations for creating translation and rotation animations using geometric sketchpad. For more information, please follow other related articles on the PHP Chinese website!