Web動畫圖像分解在VB動畫設計中的應用

2019-11-18 17:50:09

字體：大中小

來源：轉載

供稿：網友

筆者每次瀏覽Web網頁時，總是被許多生動有趣的小動畫深深吸引，十分佩服作者的想象力和制作技巧。在使用VB進行應用軟件開發設計中，為使軟件的人機界面新穎友好，總想加點動畫作點綴，但又常常苦于一幅幅動畫圖片的繪制或尋找!因此萌發了一種奇妙的設想：能否讓Web頁面上的動畫在VB應用軟件界面上活起來?幸運的是，當前圖像處理軟件甚多，終于將筆者的這一設想變成了現實。

VB動畫設計

動畫的制作原理很簡單：首先繪制幾幅相近但又有細微變化的圖片，然后每隔一段很短的時間就依次顯示其中一幅，由于人眼視覺暫留，就能看到連貫的動畫效果。

使用VB進行動畫設計非常方便，因為其工具箱中有圖像、圖片、時鐘控件。只要獲得了一幅幅動畫單幅圖像文件，把它們放入圖像控制數組中去，便可用時鐘控件的控制屬性Interval來控制每幅圖片的顯示間隔，把最終動畫顯示的位置確定好后，按時間間隔依次從圖像控制數組中取出一幅圖顯示。如此交替反復顯示，即可產生動畫效果，編程實現比較簡單。

VB動畫設計所能接收的單幅圖片文件的格式有四種，即＊.Bmp、＊.Ico、＊.Wmf和＊.Dib。其中＊.Bmp文件的來源最廣，不但可以使用Windows環境下的各種繪圖軟件來繪制(但費時費力，且不是每個人都有繪畫的天才)，也可以使用Windows所提供的現成的位圖文件，或者用彩色掃描儀掃入等等。在此，筆者所感興趣的則是從Internet上Web站點網頁上下載自己喜愛的動畫圖像文件，再經過圖形軟件分解、處理成一幅幅＊.Bmp圖片文件，它們會給軟件的人機界面帶來全新的感受。

Web動畫圖像分解方法

從Web網頁上下載靜態圖像文件比較簡單，下載后需要進行分解。

動畫圖像文件的分解是動畫設計的逆過程，即把一個動畫效果的圖像文件分解形成它的多幅圖片文件?？墒褂肎IFConstructionSet軟件打開(此軟件可在許多服務器上下載)要分解的圖像文件，該軟件即可將動畫自動分解為多幅組成動畫的單幅圖畫。

使用上述軟件分解后，首先看看是由幾幅圖畫組成的動畫，如果有N幅圖畫，就把動畫文件拷貝N份。

然后，逐個打開拷貝文件對每個文件進行處理，處理過程中只需在第一個文件中保留靜止的圖像，在其它文件中只保留動畫圖像。

最后，使用具有圖形轉換功能的圖形處理軟件如Phtoshop，就可把得到的N個＊.Gif圖像文件都轉換成＊.Bmp文件的格式。

Web動畫分解過程概括描述如下：

Web動畫下載→Web動畫分解(GIFConstructionSet)→Web動畫格式轉換(Phtoshop等)。

一個實例

這是一個在數據庫查詢窗體上設計的眼睛轉動查看的動畫，此動畫的每個單幅圖畫就是從Web網頁上下載分解得到的。

動畫設計實現步驟如下：

首先，用上述方法把Web網頁上轉眼睛動畫下載保存、分解、格式轉換成二幅畫Eyesl.Bmp和Eyes2.Bmp(此動畫簡單，只由二幅畫組成)。

其次，將Eyes1.Bmp和Eyes2.Bmp放入圖像控制數組中?！〈绑w構造簡單表示如下：

窗體屬性表如下：

程序代碼如下：

在窗體的General中聲明：

DimRotateflagasInteger'交替顯示標志

DimCurrenteyesasInteger'當前顯示第幾幅畫窗體裝載初始化：

SubForm_Load()

Rotateflag=1'進入顯示(時鐘計數開始)

Currenteyes=0'第一幅畫定位

EndSub

交替顯示子程序(時鐘控制顯示間隔，本例為250ms)：

SubTmrtimer_Timer()

IfRotateflag=1Then

'交替顯示開始　Simgeyes.Picture=Imgeyes(Currenteyes).Picture'開始顯示第一幅畫

Currenteyes=Currenteyes＋1

'250ms后顯示下一幅

IfCurrenteyes=2Then

Currenteyes=0

'如果已顯示了兩幅，則再從第一幅顯示

EndIf

EndIf

EndSub

結束

利用Web網頁動畫圖像分解成的多個單幅圖畫，不但可以為VB動畫設計提供方便，也可用于VC等動畫編程。目前，Internet的范圍日益擴大，使Web與軟件編程聯系起來，無疑提高了應用軟件的制作效率和質量。->

上一篇：用VisualBasic設計窗體背景花紋

下一篇：五彩繽紛的清屏效果