基于Ｆｌａｓｈ的三維商品展示

摘 要：隨著計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，虛擬現(xiàn)實(shí)、計(jì)算機(jī)仿真以及三維商品展示這些名詞逐漸進(jìn)入人們的視野。三維商品展示的發(fā)展是以基于建模渲染的3D方式為起點(diǎn)，但由于受程序限制，在還原性、便捷、精度以及功能等方面存在不足。為此，以基于圖片的Flash三維產(chǎn)品展示顯得更有優(yōu)勢(shì)。文章以一個(gè)椅子的三維展示為例，分析使用Flash實(shí)現(xiàn)三維商品展示的方法與平臺(tái)結(jié)構(gòu)。

關(guān)鍵詞：網(wǎng)上購(gòu)物 計(jì)算機(jī)應(yīng)用 三維展示 Flash商品展示

中圖分類號(hào)：TP391.41 文獻(xiàn)標(biāo)識(shí)碼：A

一、問(wèn)題的提出

隨著互聯(lián)網(wǎng)的日益普及，網(wǎng)上購(gòu)物的消費(fèi)方式越來(lái)越受到人們的青睞，隨之而來(lái)的問(wèn)題是如何在網(wǎng)絡(luò)上更好地向消費(fèi)者展示你所要銷售的商品。傳統(tǒng)的方法有圖片方式展示和基于建模渲染的3D方式展示兩類。圖片方式展示就是攝影師對(duì)已制作好的商品選取一個(gè)最佳的觀察角度拍攝照片，用圖像編輯軟件(如Photoshop)經(jīng)過(guò)后期處理，然后再上傳到網(wǎng)頁(yè)上。圖片方式展示能讓消費(fèi)者從最佳角度觀察商品，但它的缺點(diǎn)是不能多角度地觀察，且不能進(jìn)行三維顯示，帶給消費(fèi)者的真實(shí)感不夠?；诮ｄ秩镜?D方式展示是先通過(guò)三維軟件進(jìn)行建模、賦材質(zhì)、添加交互，最后渲染三維動(dòng)畫(huà)，它能很好地從三維角度觀察到物體的各個(gè)部分，真實(shí)感也夠，但它的不足是在網(wǎng)頁(yè)上要下載單獨(dú)的播放插件進(jìn)行播放，給瀏覽帶來(lái)不便，且由于受程序限制，僅能支持1-2倍的放大，在放大時(shí)會(huì)出現(xiàn)圖片模糊、馬賽克等問(wèn)題。因此，有必要提出一種既有真實(shí)感，又能瀏覽方便、放大時(shí)不會(huì)出現(xiàn)模糊、馬賽克等問(wèn)題，同時(shí)制作相對(duì)簡(jiǎn)單的方法。而基于圖片的Flash三維展示方式能滿足這些要求。這種方法是：以實(shí)際的物體為基礎(chǔ)，將物體進(jìn)行360度環(huán)繞旋轉(zhuǎn)，依據(jù)精度不同拍攝12～36張圖片，然后對(duì)圖片進(jìn)行數(shù)字化處理并添加交互功能，完成三維商品的展示制作。

其實(shí)應(yīng)用三維商品展示技術(shù)在互聯(lián)網(wǎng)上進(jìn)行商品的推廣銷售越來(lái)越多，如在電子商務(wù)、房地產(chǎn)銷售、服裝、文物保護(hù)、旅游等方面的應(yīng)用已經(jīng)很普遍。而如何選擇更經(jīng)濟(jì)、高效、合適的展示平臺(tái)將會(huì)成為商家銷售策略上成敗的關(guān)鍵。文章正是為如何更好地實(shí)現(xiàn)商品展示進(jìn)行研究和探討。

各種三維展示平臺(tái)都有它的共性，基于圖片的Flash三維展示平臺(tái)一般都可分為圖像采集、圖像處理、后期縫合與添加交互幾部分。因此文章以一張椅子的三維展示為例子，論述這種展示平臺(tái)的總體結(jié)構(gòu)和設(shè)計(jì)開(kāi)發(fā)思想。

二、平臺(tái)的總體設(shè)計(jì)

1 平臺(tái)的結(jié)構(gòu)

基于圖片的Flash三維商品展示一般可分為三個(gè)步驟：圖像采集、圖像處理、后期縫合與添加交互。其中圖像采集步驟利用攝像機(jī)獲取物體360度環(huán)繞旋轉(zhuǎn)的照片。圖像處理步驟負(fù)責(zé)圖像的裁剪，調(diào)整色彩、光線等基本的圖像編輯。后期縫合與添加交互步驟負(fù)責(zé)在Flash平臺(tái)下進(jìn)行圖像的縫合，添加腳本，完成交互功能以及合理的布局展示平臺(tái)并最終把最后的結(jié)果發(fā)布出來(lái)。采集步驟由攝像機(jī)等攝像儀器組成，處理步驟由圖像編輯軟件在PC機(jī)上完成，后期縫合與添加交互步驟為一臺(tái)安裝了Flash應(yīng)用程序的PC機(jī)上完成。平臺(tái)的結(jié)構(gòu)可如下圖：

2 平臺(tái)設(shè)計(jì)的基本思路

平臺(tái)設(shè)計(jì)的基本思路是：在制作之前，先采集好制作所需要的圖片素材，同時(shí)對(duì)素材進(jìn)行編輯處理。制作開(kāi)始后，使用Flash軟件導(dǎo)人之前準(zhǔn)備好的圖像素材，制作好所需元件，拖放到場(chǎng)景后，合理布局場(chǎng)景，添加Flash腳本語(yǔ)言，讓它具有交互功能，所有工作都編輯制作完畢以后測(cè)試影片，最后導(dǎo)出并發(fā)布展示平臺(tái)。

三、平臺(tái)的實(shí)現(xiàn)

1 圖像采集步驟

圖像采集步驟利用攝像機(jī)獲取物體360度環(huán)繞旋轉(zhuǎn)的照片。

對(duì)于圖像的采集，需要采用專業(yè)的攝像機(jī)來(lái)進(jìn)行不同角度、不同精度的拍攝。多角度的拍攝12。36張圖像，所用器材可選用SONY360度全景攝像機(jī)，如RPU－C352/251型號(hào)，把采集到的圖像通過(guò)USB接口傳送到計(jì)算機(jī)上。

2 圖像處理步驟

圖像處理步驟負(fù)責(zé)圖像的裁剪，調(diào)整色彩、光線等基本的圖像編輯。首先，計(jì)算機(jī)接收到攝像機(jī)傳送進(jìn)來(lái)的圖像素材，然后使用電腦上的圖像編輯軟件(如Photoshop)對(duì)素材進(jìn)行一系列的裁剪、調(diào)整色彩、光線等操作之后輸出符合要求的圖像，同時(shí)利用圖像編輯軟件制作一些比較美觀的按鈕、背景等，作為以后在Flash平臺(tái)下進(jìn)行元件編輯時(shí)所需的圖像素材。

3 后期縫合與添加交互步驟

后期縫合與添加交互步驟負(fù)責(zé)在Flash平臺(tái)下進(jìn)行圖像的縫合，添加腳本，完成交互功能以及合理的布局展示平臺(tái)并最終把最后的結(jié)果發(fā)布出來(lái)。 對(duì)于這一個(gè)階段，主要是在Flash平臺(tái)下進(jìn)行元件制作，合理地布局展示平臺(tái)，在幀或按鈕上添加腳本，設(shè)定動(dòng)畫(huà)是否播放，怎樣情況下才播放，單擊鼠標(biāo)以轉(zhuǎn)換觀察角度，放大與縮小，圖像品質(zhì)的高低等等的交互功能。還可添加背景音樂(lè)，按鈕聲音，特效等功能，平臺(tái)的截面截圖如下：

四、結(jié)束語(yǔ)

通過(guò)基于圖片的Flash三維商品展示平臺(tái)，可以滿足一些“足不出戶”購(gòu)物者的需求。由于圖像是根據(jù)真實(shí)物體拍攝而得到的，能夠?qū)ξ矬w細(xì)節(jié)、質(zhì)感、色彩做到100％還原。以Flash技術(shù)為播放平臺(tái)可以輕松嵌入網(wǎng)頁(yè)，便于瀏覽觀看。具有強(qiáng)大的功能擴(kuò)展性，可根據(jù)不同的展示需求定制諸多功能，如音頻解說(shuō)、熱點(diǎn)連接、界面定制等等。本文所討論的平臺(tái)會(huì)給消費(fèi)者提供一個(gè)舒適的瀏覽需求。

(文字編輯、責(zé)任校對(duì)：賈俊蘭)