現在讓我們了解ShiVa3D的Camera,如何在電子書之小水滴的魔法裡切換動畫,

讓視覺上以及畫面呈現上更加豐富!!

 

首先為了讓大家更了解攝影機移動的過程,這裡就用幾張圖來顯示移動過程。如果再加上書籍動畫的搭配,就可以變幻出不同的視覺效果。

ShiVa 3D 2 3 4 5 6   

 

通常在場景上會有2台攝影機,方便編輯

 ShiVa 3D  

 

順便附上 攝影機動畫片段範圍 0-120

 ShiVa 3D  

 

在看腳本之前,先來了解一下動畫的定義和使用方法。

這是一般播放影片和音樂的情況,當我們想看某個精彩片段,會將游標往前拉到想重看的位置,就形成了這個片段的起點和終點。

 ShiVa 3D  

 

這是ShiVa 3D 播放動畫的情況,和上圖的形式很類似。但在ShiVa3D裡面,要播放的片段稱之為Blendlayer。

 10

 

只到動畫的概念後,就可以開始看一下動畫腳本了~~

腳本看起來好多喔 !! >.<  但實際上都是重複的腳本編輯,哈!差點就被唬住了。

11 

相信不少人已經快要進入睡眠狀態,提起精神!!這裡幫各位整理了一下:

混合層0: 固定3D世界視角                混合層1: 由3D世界視角轉換至書本視角

混合層2: 固定書本視角                    混合層3: 由書本視角轉換至3D世界視角

 

現在就要來看攝影機動畫的運作過程吧!!

一開始啟用的是混合層0 ‘固定3D世界視角’的畫面,連同背景山一起入鏡。

 ShiVa 3D  

將混合層0的播放游標拉(Cursor)到0,並且完全顯示動畫(Level=1)

ShiVa 3D   

點擊進入頁面,並且在書本做動畫的同時,攝影機啟動混合層1’由3D世界視角轉換至書本視角’,準備要俯視書本。

 ShiVa 3D  

將混合層1的播放游標拉(Cursor)到0,並且完全顯示動畫(Level=1)

 ShiVa 3D  

 

混合層2’固定書本視角’,可以近距離看見書的內容

 ShiVa 3D  

 

nCamera_frame是用來存放攝影機的播放影格,當動畫播完就執行混合層2’固定書本視角’

 ShiVa 3D  

當結束時,會執行混合層3’由書本視角轉換至3D世界視角’,跑回一開始的狀態

 ShiVa 3D  

這段動畫在初始設定,是以倒帶的方式呈現,因此播放游標拉(Cursor)到120

 19

 

眼尖的人應該會發現,雖然Camera有4個混合層放置動畫片段,但實際上,從頭到尾只有一個片段,再利用’播放模式’和’播放起始位置’的編寫,就可以創造出多種片段的效果,這樣的手法,可以大大降低前端人員開發動畫所需花費的時間喔!!

arrow
arrow

    Shiva3D 發表在 痞客邦 留言(0) 人氣()