a = 45 + (45 * x) / PAGE_WIDTH h = x * Tan(a)
角度 a 隨 x 變化:x=0 時 a=45°;x=PAGE_WIDTH 時 a=90°。
動畫開始 x=0,B、C 不可見。隨 x 增加,對稱線形成直角三角形斜邊,由對稱線、x、高度 h 決定。圖 2 展示此狀態。
當 h >= PAGE_WIDTH 時,交區從三角形變為梯形,高度固定為 PAGE_WIDTH。圖 1 即此狀態。
無論三角形或梯形,閉合路徑定義 B、C 裁切區域。原始碼中設 INCLUDE_DRAW_GRAPHICS_PATH=true 可見金色輪廓。
x 增加(a 增加)逐漸變大。設 INCLUDE_UNDERSIDE_PAGE_IN_ANIMATION=false 可隱藏 C 區觀察 A、B 關係。
圖 3:B 與 C 區域的空間關係