Web動畫圖像分解在VB動畫設(shè)計中的應(yīng)用

2019-11-18 17:50:09

字體：大中小

供稿：網(wǎng)友

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

VB動畫設(shè)計

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

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

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

Web動畫圖像分解方法

從Web網(wǎng)頁上下載靜態(tài)圖像文件比較簡單，下載后需要進行分解。

動畫圖像文件的分解是動畫設(shè)計的逆過程，即把一個動畫效果的圖像文件分解形成它的多幅圖片文件。可使用GIFConstructionSet軟件打開(此軟件可在許多服務(wù)器上下載)要分解的圖像文件，該軟件即可將動畫自動分解為多幅組成動畫的單幅圖畫。

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

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

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

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

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

一個實例

這是一個在數(shù)據(jù)庫查詢窗體上設(shè)計的眼睛轉(zhuǎn)動查看的動畫，此動畫的每個單幅圖畫就是從Web網(wǎng)頁上下載分解得到的。

動畫設(shè)計實現(xiàn)步驟如下：

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

其次，將Eyes1.Bmp和Eyes2.Bmp放入圖像控制數(shù)組中。　窗體構(gòu)造簡單表示如下：

窗體屬性表如下：

程序代碼如下：

在窗體的General中聲明：

DimRotateflagasInteger'交替顯示標志

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

SubForm_Load()

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

Currenteyes=0'第一幅畫定位

EndSub

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

SubTmrtimer_Timer()

IfRotateflag=1Then

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

Currenteyes=Currenteyes＋1

'250ms后顯示下一幅

IfCurrenteyes=2Then

Currenteyes=0

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

EndIf

EndIf

EndSub

結(jié)束

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

上一篇：用VisualBasic設(shè)計窗體背景花紋

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