Home Software Tutorial Computer Software Graphic and text operations for creating translation and rotation animations using geometric sketchpad

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

Apr 08, 2024 am 10:07 AM

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.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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;.

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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].

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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].

Graphic and text operations for creating translation and rotation animations using geometric sketchpad

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

[PROVEN] Steam Error e87 Fix: Get Gaming Again in Minutes! [PROVEN] Steam Error e87 Fix: Get Gaming Again in Minutes! Mar 18, 2025 pm 05:56 PM

Article discusses causes of Steam Error e87, including network issues, security software, server problems, outdated clients, and corrupted files. Offers prevention and solution strategies.[159 characters]

Steam Error e87: What It Is & How to Fix It Steam Error e87: What It Is & How to Fix It Mar 18, 2025 pm 05:51 PM

Steam Error e87 occurs during Steam client updates or launches due to connection issues. Fix it by restarting devices, checking server status, changing DNS, disabling security software, clearing cache, or reinstalling Steam.

How to Fix Steam Error Code e87: The ULTIMATE Guide How to Fix Steam Error Code e87: The ULTIMATE Guide Mar 18, 2025 pm 05:51 PM

Article discusses fixing Steam Error Code e87, caused by network issues, corrupt files, or client problems. Provides troubleshooting steps and prevention tips.

Easy Fix: Steam Error e87 Explained & Solved Easy Fix: Steam Error e87 Explained & Solved Mar 18, 2025 pm 05:53 PM

Steam Error e87, caused by connectivity issues, can be fixed without reinstalling by restarting, checking internet, and clearing cache. Adjusting Steam settings helps prevent future occurrences.

Steam Error e87: Why It Happens & 5 Ways to Fix It Steam Error e87: Why It Happens & 5 Ways to Fix It Mar 18, 2025 pm 05:55 PM

Steam Error e87 disrupts gaming on Steam due to connectivity issues. The article discusses causes like unstable internet and server overload, and offers fixes like restarting Steam and checking for updates.

Steam Error Code e87: Get Back to Gaming FAST! Steam Error Code e87: Get Back to Gaming FAST! Mar 18, 2025 pm 05:52 PM

The article discusses Steam Error Code e87, its causes like network issues, server problems, and corrupted files, and provides fixes and preventive measures to avoid it.Character count: 159

How to fix: err_response_headers_multiple_access_control_allow_origin error in Google Chrome How to fix: err_response_headers_multiple_access_control_allow_origin error in Google Chrome Mar 21, 2025 pm 06:19 PM

Article discusses fixing "err_response_headers_multiple_access_control_allow_origin" error in Chrome by addressing multiple Access-Control-Allow-Origin headers.

Steam Error e87 SOLVED! Quick Fix Guide for 2024 Steam Error e87 SOLVED! Quick Fix Guide for 2024 Mar 18, 2025 pm 05:49 PM

Article discusses Steam Error e87, offering solutions like restarting Steam, clearing cache, and updating. Preventive measures and community solutions are also covered.

See all articles