基于VR技術的盒子類商品展示APP研究與實現

許兆祥

摘要：針對傳統二維圖片對商品展示的局限性和大型VR設備的昂貴成本，研究并實現了基于VR技術的盒子類商品展示APP。該系統從整體設計、到二維圖形設計和三維建模、再到基于unity的人機交互功能的實現，完整地介紹了APP開發過程，目前該APP已開發完成并具有一定的用戶量，通過人們的切身體驗，使大家能夠真實感受到VR技術在電子商務商品展示領域的優勢，促進技術革新和行業發展。

關鍵詞：電子商務;商品展示;VR技術

中圖分類號：TN911.23 文獻標識碼：A 文章編號：1007-9416（2020）01-0130-02

0 引言

目前，伴隨著網絡購物行為的普及，網店賣家越來越注重對商品圖片的美化，從商品主圖到詳情頁設計，從店鋪裝修到專題頁設計，商品的展示方式趨于多元化、越來越新穎。但目前大多數的展示均是通過二維圖片進行，這樣的展示方式無法滿足人們對商品查看的完整需求。為了更便于人們了解商品特性，查看商品展示效果，筆者引入能夠進行三維畫面全方位展示商品效果的VR技術（即虛擬現實技術）來進行商品模型和購物場景的構建，并通過與購物場景的交互，希望能夠為顧客帶來更好的商品體驗。

1 研究現狀

VR技術起源于21世紀初，它是一種采用計算機技術為核心的現代高新技術，可以生成逼真的視、聽、觸覺一體化的特定范圍的虛擬環境，用戶可以通過使用特定的設備以自然的交互方式與虛擬世界中的對象進行交互操作、互相影響，進而產生身臨其境，類似現實環境的視覺和體驗。其主要有三大核心特征，分別是沉浸感、想象力和交互性[1]。

在電子商務領域，由于人們無法直接“試用”所購商品，因此，造成網絡購物后退貨情況較多，甚至很多顧客因為這樣的局限性放棄了通過網絡進行購物這一渠道，不僅造成了很大的物流、人力等資源浪費，更影響了整個電商產業的良性發展。為了解決這一問題，各大公司尤其是電子商務企業試圖使用VR技術來改善這一現狀，經過多年的發展，目前VR技術已經越來越走進人們的生活：

1.1 平民化VR設備越來越普及

為解決VR設備成本過高問題，谷歌公司推出了CardBoard設備[2]，自此，人們通過一臺簡單的頭戴式眼睛配合智能手機就可以實現VR效果呈現，使整個VR市場趨于平民化。

1.2 VR技術產品展示

由于VR技術自身特點，促使其在房地產、汽車銷售等領域已經有了一定的應用。但是，在網上購物平臺，由于商品多，很多商品價格低等原因，并沒有大規模的應用，人們還是只能夠通過二維圖片進行商品的查看，為人們了解商品造成了一定的阻礙。

2 需求分析

針對目前各類小商品在VR技術領域推廣度低，為解決這一問題，我們開發了基于盒子類的商品展示APP，希望能夠使用較低的成本制作更多的商品模型，使更多人能夠有機會體驗VR技術帶來的樂趣。經過分析，顧客在對商品進行查看時需要了解商品的外觀、詳細參數、價格等信息，為了實現這一目標，我總結出商品展示APP需要完成以下幾點功能：

（1）便于使用。通過低成本的盒子類VR眼鏡作為傳輸媒介，借助于智能手機作為終端，可方便的進行商品查看，并便于普及;

（2）能夠實現商品之間的切換。APP中應包含多件商品，因此需要通過VR眼鏡的交互功能實現人與APP的交互，實現商品的切換;

（3）商品三維展示。APP設計的首要需求，就是實現借助于VR技術實現商品的三維展示，使人們能夠全方位的查看商品;

（4）商品詳情描述。三維展示給人以直觀的視覺感受，使人如身臨其境感知商品的真實效果，但對于產品屬性、賣點等的描述，通過三維效果進行單純的圖像顯示是不夠的，需要配以文字、圖片等二維方式進行詳細的描述，才能展現商品的深層次價值。

3 APP設計規劃

為有效達成APP展示需求，在進行設計時采用三維建模與二維描述相結合的方式，分別利用二維與三維各自的特點，實現單個商品的統一展示，并將需要展示的商品放置于人們比較熟悉的仿手機淘寶首頁，人們通過在首頁可以進入相對應的商品詳細頁面。

3.1 APP總體設計規劃

如圖1所示。

3.2 各模塊詳細功能描述

3.2.1 APP首頁

用戶佩戴盒子類VR眼鏡（需放置安裝有商品展示APP的智能手機）后，通過旋轉確定合適的觀看角度，可看到APP內置的全部商品，并通過定時瞄點功能進入到相應的商品三維展示頁面。該頁面是商品的集成頁面，用戶需通過該頁面在不同的商品之間進行切換。

3.2.2 商品三維展示界面

用戶通過APP首頁可進入相應商品三維展示頁面，通過該頁面能夠查看到商品的三維動態顯示效果，并可返回到首頁或者進入商品詳情頁面。

3.2.3 商品二維顯示詳情頁面

用戶通過商品三維展示頁面可進入對應的商品詳細頁面，該頁面主要采用傳統的圖文結合模式對商品進行詳細描述，并通過定時瞄點對頁面內容上下翻頁。

4 APP實現

為實現設計方案中的各項功能，系統在前期規劃的基礎上，主要通過以下幾種技術實現最終效果。

4.1 使用PhotoShop進行界面設計和二維展示設計

APP首頁和詳情頁面均采用二維圖文的方式進行展示，設計中采用PhotoShop作為工具，以實現界面的美觀和圖像的美化。

4.2 使用3D MAX對商品進行三維建模

為實現商品的360度整體展示效果，選用了3D MAX三維制作軟件對需要展示的商品進行三維建模，以應用于三維效果的展示[3]。

4.3 將二維和三維素材導入unity實現交互

前期進行的二維界面設計和三維建模都是為VR的交互功能做準備，針對設計，重點編寫了三維模型自轉代碼和定時瞄點實現頁面跳轉代碼。通過三維模型自轉代碼，實現了商品的360度旋轉展示;通過定時瞄點實現頁面跳轉代碼，實現了用戶盯視某商品一定時間后，在首頁、商品三維展示頁面和商品二維顯示詳情頁面之間的跳轉，使用戶可以方便的查看APP內多個商品的三維效果及詳細賣點。

5 結語

目前，該APP已設計完成并應用于教學，通過盒子類商品展示APP使人們能夠身臨其境的感受商品的真實狀態，并與之交互增強對商品的了解。未來，VR技術與電子商務行業的聯系必然更加緊密。

參考文獻

[1] 周勇.Cardboard虛擬現實VR app交互設計開發研究[D].武漢：湖北工業大學，2017.

[2] 李楠.基于Cardboard的沉浸式虛擬購物體驗系統的設計與實現[D].北京：北京理工大學，2016.

[3] 李輝.虛擬商城漫游系統設計模式及應用[J].現代電子技術，2016（8）：45-47+50.