JS animation theory

Animation (Animation)

Animation means changing over time, especially in visual changes, including changes in position, shape, and so on. The motion basically shows the change of the position of the object with time, and the form basically shows the change of size, color, transparency, shape and so on.

The image is played at 24 frames per second and is most easily viewed as a moving image. Slower than this, the human eye will feel incoherent because of the long pause time. The human eye seems unable to distinguish faster than this frame rate, theoretically speaking, the frame frequency will not make the animation more realistic, although the fast frame rate, it will look smoother.

Trigonometry (Trigonometry)

Trigonometry is a discipline that studies the relationship between triangles and their edges and angles. A triangle has three edges and three corners, and these edges and corners have some special relationships. For example, if you increase any of these angles, the corresponding edges of the angle will grow, assuming that the other two edges are not the same length, and the other two corners will be smaller. In our animation, we often encounter the right triangle model, where one angle is 90 degrees.

 

Pythagorean theorem

Right triangle two square sides of the right angle and equal to the length of the hypotenuse. Available by: B2 + c2 = A2

Hypotenuse formula (i) known two right angle side length, can be calculated by the Pythagorean theorem hypotenuse: a2 = b2 + C2 (b) A right angle is known and a sharp angle, the hypotenuse can be computed by right-angled trigonometric functions. ∠b+∠c=90°sinb=∠b Edge (AC)/hypotenuse (BC) cosb=∠b (AB)/hypotenuse (BC)

JS animation theory