Claim: The size(area) of the triangle in motion never changes.
Notice that we have two kinds of motion: skewing and rotation. Clearly the size of the rotating triangle isn't changing so let's examine the skewing part. Refresh the page and observe the motion of the green triangle with its tip starting from side a and tracing along side b which is parellel to the base of the triangle. Now consider the fact:
area of a triangle = ½(base × height)
even for obtuse triangles. Also, the central triangle with sides a, b and c is right(the angle between sides a and b is 90°) so side b is perpendicular to side a and thus is parallel to the base of the triangle in motion. Therefore the height of the triangle never changes, and neither does its size. The area of the skewing triangle after the rotation doesn't change either since the base of the triangle is parallel to the verticle drop so the height of that triangle remains the same throughout that skewing process as well.
QED baby
The animation shows that:
½ area of above left square = ½ area of below left rectangle
hence
area of above left square = area of below left rectangle
The same goes for the right side. Combining the results of the left and right sides:
Given a right triangle with sides a, b and c: a2 + b2 = c2 (Pythagoras Theorem)
Full disclosure: The idea for this came to me back in the 90's after reading two books: Fractals Everywhere(fig. 2.5.1: path continuously deformed...) and Euclids Elements(Prop. 47). Jim Morey beat me to the internet with an animated Java applet earning him the grand prize for programming at the first Sun/Java conference in 1995. Java applets are no longer supported on the web so here is an SVG/Javascript version with commentary. © 2026 Joe Hartman