Octagon unrolling along a line

There is a regular octagon unrolling along a horizontal line. You can recognize, that the area under the generated cycloid is three times the area of the octagon.