網(wǎng)絡(luò)動(dòng)畫詳解
引言
現(xiàn)在,您在互聯(lián)網(wǎng)上到處都能看到動(dòng)態(tài)圖片!Web設(shè)計(jì)者們可以使用多種技術(shù)來(lái)制作動(dòng)畫,包括:
- GIF動(dòng)畫-
- 動(dòng)態(tài)HTML
- Java
- Shockwave和Flash
在本文中,我們將向您介紹這些技術(shù)的工作原理,以及它們的優(yōu)缺點(diǎn)。我們還將了解可進(jìn)一步擴(kuò)展Web動(dòng)畫的最新技術(shù)。
網(wǎng)絡(luò)動(dòng)畫的發(fā)展
在其簡(jiǎn)短的歷史中,互聯(lián)網(wǎng)一直在不斷地快速發(fā)展。這種發(fā)展在很大程度上得益于兩種相反力量的推動(dòng)作用:
- 互聯(lián)網(wǎng)創(chuàng)作者和讀者總是希望能夠通過(guò)互聯(lián)網(wǎng)傳送更加精彩的內(nèi)容。
- 為了讓大多數(shù)用戶能夠訪問(wèn),Web內(nèi)容的文件大小必須足夠小,才能在標(biāo)準(zhǔn)互聯(lián)網(wǎng)連接(電話調(diào)制解調(diào)器)上快速傳輸。
這些因素迫使互聯(lián)網(wǎng)革新者想出了一些巧妙的點(diǎn)子,以便在有限的帶寬連接下傳送復(fù)雜的內(nèi)容。
在核輻射文章中的Flash動(dòng)畫。這是一幅頗為復(fù)雜的圖片,但它的大小卻不超過(guò)7,000個(gè)字節(jié)!
在下面幾部分中,我們將了解各種技術(shù)的原理以及它們?nèi)绾翁幚磉@兩種對(duì)立因素。
GIF動(dòng)畫
互聯(lián)網(wǎng)歷史上最大的創(chuàng)新之一就是能夠在網(wǎng)頁(yè)的文字中插入圖片和圖表。這些插圖最初以位圖文件的形式出現(xiàn)。位圖文件完整描述了圖像中每個(gè)像素的顏色。為了減少這些位圖文件的大小,人們采用了多種不同的技術(shù)來(lái)壓縮圖像數(shù)據(jù)。通常,網(wǎng)站會(huì)以JPEG文件或GIF文件的形式發(fā)布這些圖像。
動(dòng)畫其實(shí)是由一系列靜態(tài)圖像連續(xù)出現(xiàn)而形成的,因此很明顯地,要向網(wǎng)站中添加動(dòng)畫的最簡(jiǎn)單的方法就是張貼一系列的位圖圖像,并讓用戶瀏覽器連續(xù)顯示這些圖像。這種類型的動(dòng)畫稱為GIF動(dòng)畫或GIF89,它是互聯(lián)網(wǎng)中出現(xiàn)的第一種Web動(dòng)畫,而且直到今天依然非常流行。
GIF動(dòng)畫的主要優(yōu)勢(shì)是制作過(guò)程極其簡(jiǎn)單,而且大多數(shù)Web瀏覽器都可以自動(dòng)識(shí)別它。利用共享軟件程序,例如用于Windows平臺(tái)的GIF Construction Set或用于Macintosh平臺(tái)的GifBuilder,您只需提供多張位圖圖像來(lái)組成動(dòng)畫的各個(gè)幀。然后您只要將文件發(fā)布出去,并給圖像加上標(biāo)簽代碼即可,這和發(fā)布普通的靜態(tài)GIF一樣。
GIF動(dòng)畫的不足之處在于,您必須確保動(dòng)畫非常簡(jiǎn)單,以達(dá)到縮減文件大小的目的。畢竟,每一幀都是一張完整的位圖圖像。如果您的動(dòng)畫只由4個(gè)簡(jiǎn)單的幀組成,那么它可以很方便傳送給大多數(shù)用戶,但如果幀數(shù)達(dá)到了20個(gè),那文件可能就有點(diǎn)大了。而且即使能用20個(gè)幀,也并不能達(dá)到多好的效果——我們?cè)陔娪爸锌吹降牧鲿钞嬅婷棵腌娭辽儆?4張靜態(tài)圖像組成——因此GIF動(dòng)畫是有相當(dāng)?shù)木窒扌缘?。為了制作出較長(zhǎng)時(shí)間的電影,您必須在每個(gè)幀之間加入很大的跳轉(zhuǎn),這就意味著畫面不會(huì)很流暢,和您在下面的示例中看到的一樣。
|
|
|
|
GIF動(dòng)畫中的各個(gè)幀 |
最終形成的動(dòng)畫 |
這對(duì)于闡釋簡(jiǎn)單概念或只是在站點(diǎn)中加入一些醒目的修飾來(lái)說(shuō)是一種很好的方法。但Web設(shè)計(jì)者和Web用戶發(fā)現(xiàn),它遠(yuǎn)遠(yuǎn)不足以用來(lái)表達(dá)較為復(fù)雜的概念或是在網(wǎng)站中加入真正意義上的動(dòng)畫。此外,GIF動(dòng)畫中還不能加入聲音。
動(dòng)態(tài)HTML
正如我們前面所看到的,GIF動(dòng)畫的主要問(wèn)題是“電影”的各個(gè)幀會(huì)顯著增加文件的總體大小。要解決這個(gè)問(wèn)題,一種辦法是減少幀的數(shù)量。換句話說(shuō),您只需讓計(jì)算機(jī)選中一張靜態(tài)圖像,然后在屏幕中移動(dòng)這張圖像。從某種意義上說(shuō),您其實(shí)常常在計(jì)算機(jī)上做這樣的事情,例如利用鼠標(biāo)在屏幕中移動(dòng)光標(biāo)時(shí)。
最早的網(wǎng)頁(yè)大部分都是靜態(tài)文件。也就是說(shuō),只要加載了這些網(wǎng)頁(yè),它們基本上就不會(huì)有什么變化了。這是超文本標(biāo)記語(yǔ)言(HTML)這種網(wǎng)頁(yè)基本編程語(yǔ)言的固有屬性。HTML主要由一些簡(jiǎn)單的標(biāo)記組成,它們會(huì)告訴Web瀏覽器要在哪里顯示網(wǎng)頁(yè)元素。
隨著互聯(lián)網(wǎng)的不斷發(fā)展,Web設(shè)計(jì)者發(fā)現(xiàn)這種靜態(tài)內(nèi)容的顯示方式具有一些局限性。他們想要在網(wǎng)站中加入動(dòng)態(tài)內(nèi)容——也就是說(shuō),當(dāng)用戶下載某個(gè)特定網(wǎng)頁(yè)后,其中的內(nèi)容要能夠發(fā)生變化。動(dòng)態(tài)HTML或dHTML是一種軟件技術(shù)術(shù)語(yǔ),它可以幫助實(shí)現(xiàn)這個(gè)目的。dHTML內(nèi)容實(shí)際上是使用許多復(fù)雜的腳本語(yǔ)言(例如Javascript)生成的,它可以訪問(wèn)互聯(lián)網(wǎng)瀏覽器中一種被稱作文檔對(duì)象模型的內(nèi)容。從原理上來(lái)說(shuō),文檔對(duì)象模型(DOM)控制著瀏覽器如何顯示網(wǎng)頁(yè)上的內(nèi)容?,F(xiàn)在,幾乎所有用戶的瀏覽器都允許將DOM公開(kāi)給腳本語(yǔ)言,因此這種腳本可以更改HTML元素(比如說(shuō),當(dāng)您將鼠標(biāo)移到某個(gè)詞匯上面時(shí),它可以改變文本的顏色)。
dHTML最初的設(shè)計(jì)并沒(méi)有考慮到動(dòng)畫,但它可以讓您通過(guò)更改HTML元素在網(wǎng)頁(yè)中加入動(dòng)態(tài)效果。dHTML腳本只需告訴瀏覽器不斷在頁(yè)面上改變某張圖像的位置,圖像就會(huì)在屏幕中到處移動(dòng)了。如果您對(duì)多張不同的圖像執(zhí)行此操作,就可以相對(duì)移動(dòng)一系列圖像元素,從而制作出有趣的電影。
同GIF動(dòng)畫一樣,dHTML動(dòng)畫也可以被大多數(shù)Web瀏覽器自動(dòng)識(shí)別,用戶不需要下載任何額外的組件。但是,要想制作出在所有瀏覽器中行為一致的dHTML內(nèi)容并不容易,它并不像GIF動(dòng)畫那么簡(jiǎn)單。一般來(lái)說(shuō),自己編寫動(dòng)畫程序是非常困難的,不過(guò)您可以使用一些用戶界面友好的應(yīng)用程序軟件,例如Macromedia Dreamweaver,它可以為您生成正確的腳本代碼。
dHTML的動(dòng)畫應(yīng)用是相當(dāng)有限的,因?yàn)樗茏龅闹皇窃谄聊恢幸苿?dòng)靜態(tài)圖像。它雖比GIF動(dòng)畫流暢許多,但對(duì)于很多應(yīng)用來(lái)說(shuō),用它來(lái)顯示不斷變化的圖像并不是一種有效的方式。Web瀏覽器內(nèi)置的動(dòng)畫功能對(duì)于dHTML只能提供比較有限的支持。為了在互聯(lián)網(wǎng)中加入更加復(fù)雜的動(dòng)畫功能,創(chuàng)造者還需要設(shè)計(jì)出一些程序來(lái)彌補(bǔ)用戶瀏覽器的不足。
Java小程序
另外一種提供Web動(dòng)畫的方式是使用一種叫做Java的面向網(wǎng)絡(luò)的通用編程語(yǔ)言。使用Java,編程人員可以創(chuàng)造出一些供用戶從互聯(lián)網(wǎng)下載的應(yīng)用程序。能激活Java的瀏覽器使用的是虛擬機(jī),這是一種可識(shí)別Java語(yǔ)言并將其轉(zhuǎn)換成可被用戶的計(jì)算機(jī)系統(tǒng)(Windows、MacOS、Unix)識(shí)別的軟件。虛擬機(jī)實(shí)質(zhì)上是一種插件,必須安裝在瀏覽器中。
Java語(yǔ)言的Web內(nèi)容通常被創(chuàng)建成稱為小程序的程序。小程序并不是完整的軟件應(yīng)用程序,它們只能與瀏覽器一起使用。Web設(shè)計(jì)者們可以利用小程序來(lái)實(shí)現(xiàn)各種目的,其中一種最普遍的應(yīng)用就是動(dòng)畫。Java的主要優(yōu)點(diǎn)是它兼容所有的操作系統(tǒng),而且非常靈活。您可以創(chuàng)建一個(gè)用于為單幀繪制簡(jiǎn)單矢量圖形的動(dòng)畫程序,也可以創(chuàng)建一個(gè)使用位圖圖像的動(dòng)畫程序。Java非常適合用于創(chuàng)建交互動(dòng)畫以及將動(dòng)畫與其他網(wǎng)頁(yè)元素組合到一起。有關(guān)Java的更多信息,請(qǐng)查看計(jì)算機(jī)程序工作原理一文。
插件
互聯(lián)網(wǎng)于上世紀(jì)90年代初真正開(kāi)始流行,當(dāng)時(shí)的網(wǎng)站數(shù)量急劇增長(zhǎng)。突然有一天涌現(xiàn)出各種各樣的網(wǎng)頁(yè)制作人員,他們希望能夠?qū)⑹诸^的各種多媒體內(nèi)容都放到網(wǎng)頁(yè)中。這些Web革新者并不是努力改變?yōu)g覽器以使其能夠識(shí)別和顯示這些不同形式的內(nèi)容,而是引入了瀏覽器插件這一概念。
插件是一些與瀏覽器一起使用的程序,可以幫助瀏覽器讀取和播放某些類型的文件。它們是一些體積相對(duì)較小的軟件,因此用戶可以很快地從互聯(lián)網(wǎng)下載它們。插件是專門為處理某類文件而設(shè)計(jì)的,因此可以實(shí)現(xiàn)許多標(biāo)準(zhǔn)瀏覽器無(wú)法實(shí)現(xiàn)的目的。
視頻
流式視頻通常采用可以在Web中觀看視頻內(nèi)容的插件方法。Web視頻可以包含聲音和更為精致的動(dòng)畫。
現(xiàn)在,Web設(shè)計(jì)者可以利用dHTML腳本來(lái)檢測(cè)您是否安裝了特定插件。如果尚未安裝,瀏覽器會(huì)顯示一條信息,告訴您如何下載該插件。每個(gè)應(yīng)用程序的情況都會(huì)有所不同,但通常要花費(fèi)較長(zhǎng)時(shí)間才能完成整個(gè)過(guò)程,這毫無(wú)疑問(wèn)是使用這種方式處理動(dòng)畫的一個(gè)不足之處。如果您已經(jīng)安裝了插件,那么當(dāng)下載了足夠多的數(shù)據(jù)后,大多數(shù)瀏覽器就會(huì)開(kāi)始播放電影了。
不同的插件有不同的工作方式。就像GIF動(dòng)畫或視頻電影一樣,QuickTime和Media Player等視頻播放器顯示的是一系列靜態(tài)圖像,但它們能夠通過(guò)壓縮和流方式更快地傳輸這些圖像。壓縮是通過(guò)減少組成圖像的信息以降低文件大小的過(guò)程。流方式則是指播放器可以在整個(gè)文件被下載之前播放內(nèi)容。
盡管具有這些功能,但這類電影文件的下載還是需要很長(zhǎng)的時(shí)間,或者如果連接速度較低的話,文件的圖像質(zhì)量會(huì)比較差。
Flash和Shockwave
到目前為止,最常見(jiàn)的動(dòng)畫處理插件是Flash和Shockwave,它們都是Macromedia的產(chǎn)品。這兩種程序都是基于矢量的二維動(dòng)畫查看器。下面幾部分將詳細(xì)介紹Flash和Shockwave。
????????????????????????????????????????????????????? 飛鏢文章中的Flash動(dòng)畫
Flash和Shockwave
Macromedia憑借下面兩種緊密聯(lián)系的程序格式取得了巨大的成功:Flash和Shockwave。Flash現(xiàn)在是Web上大量動(dòng)畫的標(biāo)準(zhǔn)格式,而Shockwave則是一種非常流行的用來(lái)提供更加復(fù)雜的動(dòng)態(tài)內(nèi)容的格式。與Real Player和QuickTime文件不同,F(xiàn)lash和Shockwave電影實(shí)際上是作為網(wǎng)頁(yè)的一部分出現(xiàn)的,而且包括高層次的互動(dòng)性,就像一個(gè)直觀的HTML頁(yè)面一樣。Shockwave播放器不僅可以播放動(dòng)畫,而且可以識(shí)別用戶輸入,進(jìn)而控制瀏覽器的響應(yīng)方式。
潛水艇文章中的互動(dòng)Flash電影。單擊按鈕可以讓潛水艇上升和下沉。
Flash和Shockwave并不是用于這類動(dòng)畫的唯一格式,但它們比任何其他類似格式都更受歡迎。尤其是Flash獲得了很大的成功,因?yàn)榇蠖鄶?shù)瀏覽器都與它捆綁在一起,而且它可以更快速地傳輸流暢且吸引人的動(dòng)畫。
快速下載
有幾個(gè)因素使得快速下載成為可能。首先是Flash文件和Shockwave文件的很多屬性。Flash文件和Shockwave文件不同于GIF動(dòng)畫,它們大部分都是基于矢量的。這意味著和將圖片另存為一連串的像素值相反,authorware程序把圖像描述成一系列的線條和形狀,然后把這些線條和形狀記錄成數(shù)值。例如,一條直線是按它抬起的角度、它相對(duì)于其他形狀的坐標(biāo)位置以及它相對(duì)于其他形狀的長(zhǎng)度來(lái)描述的。這種描述方式讓程序能夠把圖像的幾個(gè)大的部分保存為幾個(gè)數(shù)據(jù)——這些部分可能由位圖文件中的數(shù)百個(gè)像素組成。Shockwave和Flash都可以使用位圖圖像,網(wǎng)絡(luò)管理員可以對(duì)位圖圖像進(jìn)行壓縮,以縮小文件大小。這些位圖圖像還可以通過(guò)路徑的方式在屏幕內(nèi)移動(dòng),這非常類似靜態(tài)圖像在dHTML動(dòng)畫中的移動(dòng),從而有助于降低整個(gè)文件的大小。不過(guò),大多數(shù)Flash文件都是完全基于矢量的,因此可以很快地被加載。
如果您的圖像是使用這種方式創(chuàng)建的,那么它可以減少動(dòng)畫制作者需要使用的幀數(shù)。通過(guò)計(jì)算兩幅圖像之間幾何信息的變化,F(xiàn)lash和Shockwave技術(shù)可以很輕松地在兩個(gè)基于矢量的關(guān)鍵幀之間創(chuàng)建12個(gè)幀。同必須將每個(gè)幀作為獨(dú)立圖像存儲(chǔ)的位圖動(dòng)畫相比,這種辦法可以大大減少所需的磁盤空間。
另一項(xiàng)重要?jiǎng)?chuàng)新體現(xiàn)在文件的實(shí)際傳輸方式上。Flash文件和Shockwave文件都是互聯(lián)網(wǎng)上的流式文件,因此瀏覽器無(wú)需等到整個(gè)文件都下載完畢后才開(kāi)始播放“電影”。正如服務(wù)器首先發(fā)送網(wǎng)頁(yè)的文本內(nèi)容,然后再發(fā)送所有圖像文件一樣,F(xiàn)lash站點(diǎn)在經(jīng)過(guò)配置后,也可以在瀏覽器加載其余Flash內(nèi)容的同時(shí)發(fā)送電影簡(jiǎn)介。網(wǎng)站管理員可以對(duì)文件進(jìn)行編碼,這樣在下載了部分文件內(nèi)容之后,瀏覽器就可以播放電影了。這個(gè)時(shí)間是經(jīng)過(guò)計(jì)算的,從而確保文件的每個(gè)部分在電影播到該部分之前完成傳輸。這也是流式視頻的工作原理。
可用性
Flash和Shockwave之所以能牢牢抓住這么多Web用戶和Web設(shè)計(jì)者的心,很大程度上是因?yàn)镸acromedia的分發(fā)策略?,F(xiàn)在,這些插件都是同互聯(lián)網(wǎng)瀏覽器和計(jì)算機(jī)操作系統(tǒng)封裝在一起提供的,因此即使您沒(méi)有安裝它們,也可以很容易得到免費(fèi)的插件。所有安裝過(guò)程都發(fā)生在后臺(tái),用戶根本不必退出瀏覽器程序,然后進(jìn)行漫長(zhǎng)的下載過(guò)程。authorware比較昂貴,但它具有非常可靠的實(shí)用性。
插件的更新也非常容易,使得Macromedia可以繼續(xù)研究和分發(fā)新的技術(shù)。這家公司有意將Flash和Shockwave播放器設(shè)計(jì)成可以適應(yīng)未來(lái)的修改,因此用戶完全不必?fù)?dān)心升級(jí)的事情,只要下載文件就可以了。由于這些文件的體積都相對(duì)較小,因此用戶不必花費(fèi)太長(zhǎng)時(shí)間來(lái)下載。此外,如果站點(diǎn)檢測(cè)到您還沒(méi)有安裝最新版本的插件,瀏覽器就會(huì)提示您,并導(dǎo)航到Macromedia站點(diǎn)以下載更新程序。
Web上的各種動(dòng)畫格式都有其特定的優(yōu)點(diǎn)和缺點(diǎn)。但很多網(wǎng)絡(luò)管理員最后還是選擇使用Flash,即使其他格式可能會(huì)更好地適應(yīng)他們的需求。原因很簡(jiǎn)單,因?yàn)榇蠖鄶?shù)Web用戶都可以播放Flash文件,而且就算他們現(xiàn)在不能播放這類文件,也可以很容易地獲得Flash播放器。Flash和Shockwave的通用性讓更多的網(wǎng)絡(luò)管理員都選擇采用Flash內(nèi)容,從而進(jìn)一步擴(kuò)大了這些格式的使用范圍。
Flash和Shockwave的不同之處
盡管Flash和Shockwave軟件在很多應(yīng)用領(lǐng)域上都相同,而且又同屬于一家公司,但它們還是有幾點(diǎn)顯著的不同。首先,兩種文件格式的制作程序不同。用于創(chuàng)建Shockwave文件的是Director,這是一種應(yīng)用廣泛并使用已久的軟件應(yīng)用程序,它的推出甚至比現(xiàn)代互聯(lián)網(wǎng)的出現(xiàn)還早。最初開(kāi)發(fā)這種程序是為了創(chuàng)建光盤存儲(chǔ)器的動(dòng)態(tài)內(nèi)容,而且至今仍用于這個(gè)目的。但隨著動(dòng)態(tài)內(nèi)容在互聯(lián)網(wǎng)上越來(lái)越受到青睞,更新版本的Director也提供了更多適應(yīng)Shockwave文件在 Web上使用的功能。
而Flash從一開(kāi)始就是完全為了Web應(yīng)用而產(chǎn)生的。Macromedia把Future Splash Animator(一種矢量藝術(shù)動(dòng)畫程序)改造成為Flash。Macromedia的Flash版本是專為通過(guò)電話線連接的傳輸而打造的。所以從Flash和Shockwave的本質(zhì)來(lái)看,它們具有兩種不同的特性。相應(yīng)地,它們也具有一系列截然不同的優(yōu)缺點(diǎn):
- 加載Flash文件要比加載Shockwave文件快。
- Shockwave的功能更加豐富。您可以用它來(lái)創(chuàng)建更加復(fù)雜的游戲、更加精巧的互動(dòng)和細(xì)節(jié)更加豐富的動(dòng)畫。
- Shockwave可以兼容更多的文件類型。比如說(shuō),您可以將Flash文件導(dǎo)入到Shockwave電影中,反之則不行。
- Flash更加通用。超過(guò)90%的Web用戶都安裝了Flash插件,而安裝Shockwave插件的用戶還不到60%。
- Flash制作軟件比較便宜。Director的售價(jià)接近1,000美元,而Flash只要大約400美元。
- Flash是一種開(kāi)源格式。任何人都可以知道它的工作原理,而且能夠自由改寫它以滿足自己的需要。Director使用的則是一種經(jīng)過(guò)編譯的文件格式,因此要修改程序極其困難。
隨著每一次的軟件更新,這兩種格式都在變得越來(lái)越相似。Shockwave的每次更新都增強(qiáng)了Web功能,而Flash的功能則變得越來(lái)越豐富。最終,這兩種格式可能會(huì)被合并成一種囊括了它們?nèi)績(jī)?yōu)點(diǎn)的綜合格式。
??????????????????????????????????????????????????????????? Flash電影
制作Flash和Shockwave電影
Flash和Director的使用都相當(dāng)容易和有趣,這也正是當(dāng)初設(shè)計(jì)它們的本意——它們都具有直觀的界面和大量自動(dòng)化任務(wù)。這兩種程序在電影制作上的處理略有不同,而且?guī)缀跛薪M件的名稱也不盡相同,但它們卻又共用著一些基本組件。若要制作電影,您需要從三個(gè)方面來(lái)控制電影元素:
- 制作和剪輯組成電影的各個(gè)圖像。
- 按照這些圖像在電影的各個(gè)幀中出現(xiàn)的方式排列它們。
- 指定幀的順序,從而制作成電影。
Flash和Shockwave都提供了導(dǎo)入、生成和編輯電影元素的方法。Flash會(huì)將這些元素存儲(chǔ)在庫(kù)中;而在Shockwave中,則把它們存儲(chǔ)在演員表中。在兩種程序里,您都可以給這些元素分配任何動(dòng)態(tài)效果,然后在舞臺(tái)上編排它們。舞臺(tái)上所呈現(xiàn)的將是實(shí)際出現(xiàn)在電影中的內(nèi)容。使用舞臺(tái),您可以創(chuàng)建關(guān)鍵幀,并將它們按順序排列,以形成最終的電影。在Flash中,用于安排幀的區(qū)域被稱作時(shí)間線,而在Shockwave中,這個(gè)區(qū)域被稱作劇本。
現(xiàn)在您之所以能夠在Web中看到這么多的Flash動(dòng)畫,原因之一是它非常容易生成。Flash和Director就像是在您的桌面放上了一個(gè)功能豐富的動(dòng)畫制作室,而且可以自動(dòng)完成很多復(fù)雜的多媒體任務(wù)。例如,您想讓地球從屏幕一端滾到另一端時(shí),您根本不必去制作地球滾動(dòng)過(guò)程中的每個(gè)幀,而只要告訴Flash起點(diǎn)和終點(diǎn),并在這些幀之間分配滾動(dòng)動(dòng)作就可以了。
?????????????????????????????????????????????? 發(fā)動(dòng)機(jī)文章中的Flash動(dòng)畫
網(wǎng)絡(luò)動(dòng)畫的未來(lái)
Web動(dòng)畫史上下一次重大事件將是三維Web圖形,它將讓W(xué)eb用戶能夠在另一個(gè)層次上實(shí)現(xiàn)與在線內(nèi)容的交互。在二維動(dòng)畫中,Web設(shè)計(jì)者決定了您所能看到的內(nèi)容,這就像動(dòng)畫制作者決定了您從電視動(dòng)畫片中能看到什么內(nèi)容一樣。但在三維圖形中,您可以實(shí)際訪問(wèn)三維模型,從而控制所顯示的內(nèi)容。您可以轉(zhuǎn)動(dòng)模型,激活某些功能,在某些情況下還可以改變它的尺寸。博聞網(wǎng)正是以這樣的一些三維模型為特色的。
與Flash和Shockwave二維動(dòng)畫一樣,您需要下載插件才能觀看三維Web圖形。現(xiàn)在已經(jīng)有許多公司開(kāi)發(fā)出了這種軟件。Viewpoint已取得了一些成績(jī),而NxView也在他們的網(wǎng)站上提供了插件。2000年7月,Macromedia和Intel共同宣布他們正在開(kāi)發(fā)Shockwave的三維功能。用戶將只需下載一個(gè)更新程序,即可將三維功能添加到他們的Shockwave播放器中。Intel之所以選擇在三維領(lǐng)域同Macromedia合作,是因?yàn)楹笳咴诙嗝襟w播放器方面所取得的成功。兩家公司希望Shockwave三維格式能夠成為三維圖形的Web標(biāo)準(zhǔn)。
Shockwave技術(shù)能夠縮放三維圖形的大小,因此能夠很好地適應(yīng)不同的連接速度。從原理上來(lái)說(shuō),如果您的連接速度較低,Shockwave播放器將會(huì)下載具有較少多邊形的模型,而三維模型正是由這些幾何形狀組合而成的。也就是說(shuō),您將會(huì)丟失一些細(xì)節(jié),但圖像的清晰度和動(dòng)畫的流暢性不會(huì)下降。
這種三維Web技術(shù)可以讓您制作出各種有趣的網(wǎng)站內(nèi)容。其中一項(xiàng)最有前景的應(yīng)用是電子商務(wù)。在線購(gòu)物者在購(gòu)物時(shí)不用再跟靜態(tài)圖像打交道,而能夠從各個(gè)角度去觀看商品,就像在商店中購(gòu)物一樣。有些站點(diǎn)還使用三維圖形創(chuàng)造出“虛擬試衣間”。用戶可以創(chuàng)建一個(gè)適合他們體形的三維模型,并查看不同衣服在他們身上是否合身。
這項(xiàng)技術(shù)還可以在類似博聞網(wǎng)這樣的教育類站點(diǎn)中增加新層次的內(nèi)容。我們已經(jīng)發(fā)布了一些使用NxView生成的三維圖形的文章,而且計(jì)劃在未來(lái)開(kāi)發(fā)出更多的三維內(nèi)容。這些圖形可以讓用戶更清楚地了解各項(xiàng)技術(shù)及其工作過(guò)程——例如,他們可以從各個(gè)角度觀察引擎,就像引擎真的擺放在他們面前一樣。
這項(xiàng)技術(shù)的確非常神奇,它將會(huì)改變整個(gè)互聯(lián)網(wǎng)的面貌,就像靜態(tài)圖像和Flash動(dòng)畫曾給互聯(lián)網(wǎng)帶來(lái)的變革一樣。在以后的文章中,我們將深入探討這項(xiàng)技術(shù)的工作原理及其功能,并會(huì)特別關(guān)注Macromedia和Intel在開(kāi)發(fā)作為Web標(biāo)準(zhǔn)的Shockwave播放器方面的進(jìn)展情況。
隨著越來(lái)越多的Web用戶利用高帶寬連接,Web動(dòng)畫在未來(lái)也會(huì)有一些較大的改變。一種想法就是讓W(xué)eb越來(lái)越不像書本,而更多地像視頻游戲——您可以在三維交互世界中獲得信息。另一個(gè)主張則是把Web變得更接近于電視,從而具有更多高質(zhì)量的動(dòng)畫和視頻。這實(shí)際上都要取決于Web設(shè)計(jì)者們想在他們的站點(diǎn)中安排什么內(nèi)容,而這反過(guò)來(lái)又取決于Web用戶想看到什么樣的內(nèi)容。不管如何,有一點(diǎn)是很清楚的,那就是互聯(lián)網(wǎng)仍將繼續(xù)高速發(fā)展。
評(píng)論