基于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.