首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> C語言 >> 關於C語言

C# 與 GDI+ 實現雜誌翻頁動畫效果(三)—— 幾何數學模型與 ABC 區域關係

     編輯:關於C語言

對稱線數學模型

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 可見金色輪廓。

ABC 三區域關係

  • A 區域:翻動頁面(第 4 頁)裁切 B、C 後的可見部分。
  • B 區域:下一頁(第 6 頁)被對稱線裁切出的可見部分。隨 x 增加(a 增加)逐漸變大。設 INCLUDE_UNDERSIDE_PAGE_IN_ANIMATION=false 可隱藏 C 區觀察 A、B 關係。
  • C 區域:翻動頁面背面(第 5 頁)在對稱線左側的可見部分。圖 3 展示 B、C 空間關係。

圖 3:B 與 C 區域的空間關係

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved