Latest News

Home » FLASH翻頁電子書 » 使用Flash製作的翻頁電子雜誌(電子書)

使用Flash製作的翻頁電子雜誌(電子書)

Flash製作的電子雜誌翻頁程式主要原理:
1.將電子書分為3個內容層,疊放順序:
第一層為現用的頁面層,是現在正在顯示的頁面;第二層是隨滑鼠拖放時捲起的頁角,第三層是當頁角捲起時,露出下一頁的層。
2.設定遮罩:
當頁邊捲起時,層1僅顯示四邊形FBDE內定分,層2僅顯示ABCD部分,層3僅顯示BGHD部分。
3.旋轉:
層2內的內容要隨著滑鼠運動而不停變換傾斜角度,其角度始終與AC邊斜度一致。
4.翻頁:
當頁面完全翻過時,層1的現用的頁數=現用的頁數+1

程式的核心在於如何獲得四個點ABCD的坐標,我使用的是求垂直平分線的方法,既點C是滑鼠位置,點H是頁角位置,BD既為此兩點間的垂直平分線。
由已知的C,H坐標求出直線BD的一次函數y=kx+b以後再求出其與FG,EH的切點,既得點B,D坐標,點A是點G於直線BD的對稱點,通過求點G對BD的對稱點既可得點A坐標。
4個頂點的計算:將滑鼠移到黃色熱區並拖曳

使用Flash製作的翻頁電子雜誌(電子書)幾個要點:
限制C點範圍:當滑鼠在下圖灰色區功能變數內時,點C的坐標既等於滑鼠坐標,當滑鼠離開灰色區功能變數時,點C必須停留在區功能變數內。
弧KML是以點J為圓心,KJ為半徑的圓,弧KNL是以點I為圓心,IK為半徑的圓(demo1既未限制C點範圍,若滑鼠超過弧形區功能變數就會出錯

響應(感應)事件:
設定4個熱區,分別位於書的4個頂點,分別設定rollOver,rollOut,releaseOutside,release事件函數。
事實上這一部分函數編寫極費時間,需要考慮各種各樣的可能性和針對性的處理方法。

滑鼠吸附及黏滯:
當滑鼠進入熱區和快速搬移時,頁角是逐漸黏附向滑鼠的,這樣可以使動畫看上去更流暢。

陰影:
翻頁時的陰影須時刻與直線BD的位置保持一致,書的背景陰影要考慮到首頁和末頁兩個特殊情況。

首頁與末頁:
在翻動到首頁與末頁時層3遮罩須重新設定為整本書寬的1/2

——————————————————————————–
【文章標題】: 如何升級flash外掛程式?
【文章作者】: Flash 動畫製作教學密訓基地
【作者信箱】: ster168ster@gmail。com
【作者首頁】: http://por。tw/flash/
【Flash 動畫製作教學課程】: http://por。tw/flash/new-E_learning/index。php
【基地主機】: http://goto1688。com/flash/
【版權聲明】: (原創)Flash 動畫製作教學密訓基地,轉載必須保留完整標頭。刪除者依法追究!
——————————————————————————–
Flash翻頁電子書製作

【小技巧】在Flash中,事件發生時會執行ActionScript代碼。
事件可以劃分為以下幾類:滑鼠和鍵盤事件,發生在使用者通過滑鼠和鍵盤與 Flash 應用程式互動時
剪輯事件,發生在影片剪輯內;幀事件,發生在時間軸上的幀中。
例如,當使用者滑過一個按鈕時,將發生 Button。onRollOver或on(rollOver) 事件;當使用者點選某個按鈕時,將發生 Button。
onRelease 事件;如果按下鍵盤上的某個鍵,則發生on(keyPress)事件。
可在幀上編寫代碼或向案例附加腳本,以處理這些事件以及加入所需的所有互動操作。
這些都是構成電子雜誌動畫設計的基本要素。

在利用Flash設計電子雜誌的過程中,經常需要使用和頁面有關的函數。
下面我們選取一個完全利用Flash技術製作的電子雜誌為大家分析一下比較常用的Flash事件函數。

設計介面如下圖所示:

在事件函數中,可在元件參數面板中設定(event參數),也可在Action中通過如下格式來設定:
[翻頁元件物件名稱]。[事件名稱]=[事件呼叫函數或事件呼叫函數路徑]

若直接指定事件呼叫函數,則該函數的格式需寫為:
function 函數名 (事件參數1, 事件參數2, …)

若通過事件呼叫函數的路徑來指定(元件參數面板中設定的事件即為這種情況),則該函數的格式需寫為:
function 函數名 (sender, 事件參數1, 事件參數2, …)。其中sender參數接收到的值為產生該事件的元件控制碼。

具體事件說明如下表所示:

事件名稱

參數說明

功能說明

onCreatePage

pageMC:新建立的頁面影片剪輯對象。該物件有一個起始化參數index,儲存了該頁面的頁序號。

isRear:該頁面是否為另一頁面的背頁。

當有新的頁面被建立時呼叫,以便對新頁面進行個性化設定。

onRemovePage

pageMC:將被刪除的頁面影片剪輯對象。

isRear:該頁面是否為另一頁面的背頁。

當有頁面被刪除時呼叫,以便對刪除的頁面進行附加操作。

onAdjustPage

pageObj:頁面描述對象。該物件包括以下成員參數:main(指向翻頁元件本身)、index(現用的頁序號)、side(-1左頁、1右頁)、rearPage(是否為背頁)、face(書頁影片剪輯)、pageMask(書頁遮罩影片剪輯)、shade(書中縫陰影影片剪輯)、shadow(書頁影子影片剪輯)、position(頁面位置描述結構體,參數含x,y坐標、aimX,aimY目的點坐標及trackMouse是否跟隨滑鼠)

range:頁面形狀描述對象。該物件包括以下成員參數:type(形狀類型)、a(上沿寬度)、b(下沿寬度)、angle(頁面轉角)、angle2(中縫陰影轉角)、height(側沿長度)。該物件含義較晦澀,一般情況下不推薦呼叫。

當頁面輪廓形狀發生變化時呼叫,以便對頁面內容進行相應調整。

onResizePage

pageObj:頁面描述對象。

width:新的頁面寬度。

height:新的頁面高度。

當頁面大小變化時呼叫,以便對頁面內容進行相應調整。

onSetFlipArea

pageObj:頁面描述對象。

當頁面可翻動區功能變數建立後呼叫,以便對可翻動區功能變數做相應調整。

onStartFlip

pageObj:頁面描述對象。

當頁面開始翻動時呼叫。

onStopFlip

pageObj:頁面描述對象。

當頁面停止翻動時呼叫(非停止搬移)。

onFinishFlip

pageObj:頁面描述對象。

當頁面最終搬移到目的靜止頁面狀態時呼叫。

onDragPage

pageObj:頁面描述對象。

x:現用的頁面x坐標。

y:現用的頁面y坐標。

trackMouse:是否為跟隨滑鼠拖曳。

當拖曳頁面時呼叫。

onMovePage

pageObj:頁面描述對象。

x:現用的頁面x坐標。

y:現用的頁面y坐標。

當頁面搬移時呼叫。

在上面的電子雜誌中,控制「下一頁next」按鈕的函數和代碼視窗如下圖所示:

通過Flash還可以可以做出包括功能強大互動內容的電子雜誌,它可以瞭解受眾的個性需求。

另外電子雜誌的使用者管理後台可以針對使用者做目的分析和閱讀分析,並得到時時更新的資訊反饋。而且,電子雜誌的廣告往往和內容結合得很緊密,甚至一般的消費者都不認為這是一種廣告。而這一切也需要通過功能強大的關聯腳本來實現。
——————————————————————————–
【Flash 動畫製作】你在摸索如何製作 Flash 動畫及發佈到網站嗎?有【技術顧問服務】可諮詢嗎?
當問題無法解決你要發很多時間處理(或許永遠找出答案)那就是自己摸索 Flash 動畫製作痛苦的開始!
購買【Flash動畫製作教學】DVD課程,就可獲得【Flash 動畫製作】技術【顧問諮詢服務】!

About

發佈留言