電子書翻頁效果的通用演算法設想

2021-06-16 06:07:52 字數 627 閱讀 9385

今天用了下eread8.0(可以看漫畫哈),做的還不錯,就是廣告太多,功能限制也比較多,不是很喜歡。

eread

的翻頁的使用者體驗很好,這裡大致講解一下我對該效果實現的演算法思路。

翻頁演算法

輸入:4張大小相同的(p1,p2,p3,p4)和乙個滑鼠當前座標(x,y)

輸出:合成的翻頁p

演算法步驟:

(1)繪製p1,p4;

三角形四邊形

(2)計算p3需要顯示的部分,該部分可能為三角形或四邊形,繪製該部分;

(3)計算p2需要顯示的部分,該部分可能為三角形或四邊形,繪製之前進行位移和旋轉處理,繪製該部分;

說明:

現在高階的語言基本都可以支援部分顯示,至於影象的變換處理,如果語言本身不支援,自己手動寫個工作量也不大,參考下圖形學的課本就可以了哦,所以上面所說的所有步驟都是簡單而可行的。

翻頁效果高階處理:

(1)陰影效果,立體效果之所能夠被人眼識別,光和影占有非常大的作用,其實光和影不過是明暗不同而已,這種效果實現起來應該比較簡單;

(2)頁面曲化,翻頁過程中p2部分應該是個曲面,這部分的計算可能麻煩一點,如果能夠合理利用曲面效果,使用者能夠更加真實的感受實體書的感覺哦。

電子書翻頁演算法

主要原理 設定遮罩 當頁邊捲起時,層1僅顯示四邊形fbde內部分,層2僅顯示abcd部分,層3僅顯示bghd部分.旋 層2內的內容要隨著滑鼠運動而不停變換傾斜角度,其角度始終與ac邊斜度一致.翻頁 當頁面完全翻過時,層1的當前頁數 當前頁數 1 程式的核心在於如何獲得四個點abcd的座標 我使用的是...

flash電子書滑鼠拖拽翻頁效果原理

設定遮罩和陰影之後的最終品 主要原理 設定遮罩 當頁邊捲起時,層1僅顯示四邊形fbde內部分,層2僅顯示abcd部分,層3僅顯示bghd部分.旋 層2內的內容要隨著滑鼠運動而不停變換傾斜角度,其角度始終與ac邊斜度一致.翻頁 當頁面完全翻過時,層1的當前頁數 當前頁數 1 程式的核心在於如何獲得四個...

epub 電子書的製作

使用工具 sigil,開源,跨平台 windows,macos 基本流程 1.新增 text 在後,新增 然後,將複製的內容文字,貼上到標籤中,通過右邊的預覽,可以看到 文字的換行和空格等,仍保持著。再建立一頁,如上操作。2.建立目錄 每頁內容,在body後新增 二級標題用h2,標題用h3.然後,使...