虚拟现实教程 课件 第七章 实战演练：VR+电子商务

第七章实战演练：VR+电子商务实战演练：VR+电子商务01实战演练：VR+电子商务【目标】利用前面几章学到的内容，对一件商品进行VR+电子商务方案的设计，并将作品上传至主流电商网站，利用VR来增强商品的展示效果，改善用户的购物体验，达到提高商品销售的目的。【人员】以团队为单位来完成，4-5人为一组组成团队，设队长一名。角色有：摄影师，摄影助理，美术设计师、电商后台操作员等，团队成员应共同协作完成项目。【时间】应在6小时内完成。（4小时内完成为优秀，6小时内完成为合格）需求分析系统设计模型优化实战演练：VR+电子商务贴图优化01VR展示02部署到电商平台03需求分析电子商务已经深入到人们的日常生活中，大家习惯于在网店中浏览商品并进行购买。为此，商家要为每件商品拍摄很多照片，但是效果却往往差强人意。消费者经常抱怨实际的商品与图片不一致，或者网店的图片不能全方位地展示商品的细节，结果是商品到手后才发现有一些瑕疵，甚至是难以接受的缺憾。这导致的后果是：轻则退货，重则给予差评，总之是体验感差。商家也很委屈，为拍照片往往要请专业摄影师来拍摄，花费不菲，但却不能令消费者满意。如何为商家解决这个痛点？电商网站的VR解决方案正式登场！VR+电子商务的解决方案包含了很多方法，其中最为基本的一个是让消费者可以通过VR的方式来浏览商品，即可以多角度、全方位来观察商品，从而能够掌握商品尽可能多的细节，宛如商品已经放在面前一样，达到足不出户，动动鼠标便可逛街的效果。本实战项目以苹果为例进行演练，实际操作可以使用其他物品，达到举一反三的目的。整个设计和操作的流程包括：对苹果的拍摄——建模——优化——VR展示——淘宝展示。用户可以将本书的方法迅速地运用到实际的电子商务项目中去。

系统设计本实战项目以苹果为例进行演练，实际操作可以使用其他物品，达到举一反三的目的。整个设计和操作的流程包括：对苹果的拍摄——建模——优化——VR展示——淘宝展示。用户可以将本书的方法迅速地运用到实际的电子商务项目中去。商品准备拍摄商品商品建模模型优化贴图优化VR展示

商品准备由摄影助理对苹果进行挑选，挑选结构均匀，无损伤、色泽艳丽的苹果为拍摄对象，并对苹果进行简单清理，如污点清理，果柄整理等，将整理好的苹果放置多动能转盘上供摄影师拍摄。拍摄商品摄影师准备好摄影器材，放置好闪光灯，调试好相机，按第三章3.8实战内容进行拍摄，并将拍摄的照片保存到电脑里。商品建模为了能让商品更真实，本实战采用照片建模的方式来为商品进行建模。建模师将商品的照片导入到Photoscan中进行建模运算，完成模型及贴图。模型优化得到的模型面数太多，在网络上加载的时候速度慢，影响体验，我们可以通过减面的优化方式为模型进行减面操作，操作方法详见7.3模型优化。完成后还可通过3Dmax对模型的大小、初始角度等进行调节。贴图优化美工将得到的贴图进行明暗度、色彩、图片大小等细节进行调整优化。使贴图与原商品无限接近。VR展示接下来将优化过后的模型及贴图上传到VR平台（11）,添加灯光、背景、标签等信息，并保存。部署到淘宝最后由电商后台操作员将此VR展示直接部署到淘宝，实现VR+电子商务。通过Photoscan计算出来的模型面数太多，需要对其进行优化。通过Polygon模型优化软件对模型进行优化，打开软件后，点击“优化一个文件”，软件界面如图7-1所示。加载模型文件后，确保KeepUV处于选中状态，如图7-2所示。点击“计算机优化”，如图7-3所示。将图中的数字改为20000面，点击保存，模型优化完成。模型优化图7-1软件界面图7-2保持UV图7-3面数优化贴图优化在Photoshop中打开贴图，将贴图的曝光度，色彩，锐度等细节进行调整，使其色彩无限接近原实物即可。VR展示01020304运用第三章的导入平台的操作方法，将优化过后的模型及贴图上传到VR编辑平台，实现VR展示。图7-4在个人中心——我的作品中找到这个作品，鼠标指向右上角，点击出现的“折号”再单击“接口管理”，如图7-4所示。图7-505进入接口管理后，点击“上传”，可将此文件上传至淘宝服务器，上传成功后，原“上传”按钮变为“复制”，此时点击“复制”，此复制内容在后面会用到。

部署到电商平台AB如何部署到京东如何部署到淘宝如何部署到淘宝部署到PC端。淘宝的VR展示分为PC端和手机端，分别在淘宝后台及淘宝神笔编辑操作。首先讲部署到PC端的操作。由美工制作一张供用户点击的图片（如图7-6供用户点击的图片）给电商后台操作员，电商后台操作员使用电商账号登录到淘宝，找到需要进行VR展示的商品，进入到商品管理，将美工提供的图片放到商品展示的第一位置，再添加热点区域展示中的链接即可实现PC端的VR展示。

图7-6供用户点击的图片部署到手机端。手机端的实现需要用淘宝神笔来编辑操作。先打开淘宝神笔页面/index.html?spm=a2o1b.7760020.a31h4.1.ATi2Ij，如图7-7所示。依次点击右上角操作中心——宝贝管理，进入宝贝管理页面，如图7-8所示。选择你需要修改宝贝的“关联到手机模型”，点击后面的“编辑”，请将图片换成带有VR标识的图片。点击“加入链接”进入链接加入界面。如图7-9所示。在添加链接框里输入复制到的链接，点击“确定”。其中暗红色框表示点击的位置，请拉动四周按钮，将点击位置布满整张图片，如图7-10所示。点击保存就实现了手机端VR展示功能。到手机上浏览商器的时侯，找到这张图片点击后就可以查看VR商品展示了！从上面的操作可以看