一种用于电商平台的商品展示方法及其配套软件、设备与流程

本发明涉及一种在电商平台网站展示商品的方法、配套的软件和设备。

背景技术：

现有的电商平台，展示商品的方式只有两种，一种是静态图像，另外一种是动态图像（包括gif动画或者视频）。这些都是单方面的展示，不能实现用户和商品的互动。而今年国内电商平台阿里巴巴也已经开始vr技术（虚拟现实）投资。但个人vr设备的价格高昂，设备本身要几千元。而且vr技术的实现并不容易，短期内实现不太现实。即使实现了这样的技术，要把所有商品全部建立三维模型，那就需要所有卖家都具备把商品三维化的设备，卖家都愿意去进行这样的投资么？需要多少投资，这都是未知数。另外，如果戴着头戴式vr设备在网上购物，很不方便，而且vr软件的操作不如电脑鼠标键盘或手机触摸屏那么方便，所以估计多数网络买家不会经常使用这种方式购物。而vr技术带来的一个好处是物体的三维视觉效果，以及人和三维虚拟物品的互动。如果可以无需专用vr设备、在电脑、便携设备上直接实现买家和商品三维模型的互动，那将比复杂的vr技术更实用、可行。

国内各大电商平台都还没推出在线试衣的功能。如果将衣物、模特的身体、买家的身体都分别建模，那在计算机里模拟穿衣效果是很复杂的过程，因为衣物是软的，有弹性的，穿到身体上后将呈现极其复杂的外观，其模拟难度很大。

现有社交平台上，用户的图像一般是静态的照片，或者是动态的视频，却没有可以三维展示用户整体形象的平台网站或app。

技术实现要素：

本发明的目的是为电商平台提供一种不需要专用头戴vr设备就可以在网页或便携设备软件（如手机app）上展示商品三维模型的方法、配套软件和设备。进一步地，也将提供在电商平台上展示买家试衣的虚拟效果图像的方法和设备，尤其是三维地展示买家试衣效果。

本发明的另一目的是为社交平台（包括社交网站和便携设备的社交app）提供一种展示用户三维形象的方法、软件和设备。

本发明的目的是这样实现的：当电商平台的用户发出操作指令时，软件会将商品的一系列静态图像依次显示在软件显示界面的同一个位置。所述电商平台，可以是电脑端、便携设备端显示的购物网站，也可以是手机购物软件平台。所述的软件可以是电脑网页程序，也可以是手机软件程序。所述的静态图像可以是分别独立的单个图像文件，也可以封装在一个文件里，如flash文件。所述的电商平台包括但不限于：购物网站，便携设备购物软件（如手机app）。所述的软件显示界面包括但不限于：网页、手机或便携设备app界面。所述的同一个位置，可以是iframe或其它标签、代码定义的可以显示图片（包括flash）的位置，也可以是图层的位置，或者软件界面上的位置。

所述的一系列图像是相对于商品从不同角度拍摄商品所得的图像。

拍摄方式可以是：

1、将商品放在一个转台跟随转台旋转，摄像装置在固定位置拍摄商品。优选地，转台上最好有角度分割线，以便于精确确定拍摄位置。

2、商品固定不动，拍摄者围着物体转一圈。这种情况下，摄像软件上最好设有引导设备保持水平度的水平引导线。

将这一系列位置的图像依次显示在同一个位置的时候，商品将显示出随指令而转动的效果。比如说，用鼠标拖住物品左右移动的时候，整个画面将呈现出物品跟随鼠标的移动而被拉着转动的效果。整个画面也就能显示出三维动画的效果。

所述图像按相反顺序显示时，商品呈现相反方向的转动。

所述的操作指令至少包括令商品转动的指令，如正转、反转。也可以包括放大、缩小指令。

所述的图像可以用专用软件拍摄所得。所述的专用软件，可以是电商平台制作的专用摄像软件，也可以是将摄像功能和其它功能融合在一起的软件。这种软件可以用于电脑或便携设备。它可以将拍摄所得的商品的一系列图像（经用户确认后）上传到电商网站，无需人工选择每个图像。软件的拍速要可以调节（和转台的转速要搭配），转一周多少时间可以设置，一周拍多少张图像可以设置。优选地，该专用软件为可以安装在智能手机上的手机app。

所述的商品展示方法，它至少包括以下步骤：

1、从不同相对角度拍摄商品得到一系列图像；

2、将所拍系列图像上传到电商平台服务器；上传可以通过网页进行，也可以通过便携设备app进行。

3、当买家用户发出操作指令时，软件会将所述的一系列图像依次显示在软件显示界面的同一个位置。

为了便于将所拍摄的图像上传到电商网站，可以制作用于电商平台商品展示的配套软件，将所述的一系列图像压缩在一个压缩文件里，上传到电商网站服务器。

所述的一系列图片也可以位于一个文件夹下，由所述的配套软件上传到电商网站服务器。所述的配套软件可以是电脑网页，也可以是电脑软件，或者便携设备软件。

所述的图像也可以由数码相机拍摄时（非上述专用软件拍摄），所拍的图像可以上述的两种方式上传。

图片上传方式：

1、软件自动上传：专用手机软件拍摄好，用户观察效果后，直接将图片上传到服务器。上传的可以是一系列的图片，也可以是一个压缩包（压缩包内含有一系列的图片）。

2、用户手动上传：将系列图片制成压缩包，用户选择上传压缩包。

为了更好地从各角度展示商品，可以将物品以常用正常位置放在转台上拍摄一次，再翻转一定的角度放在转台上拍摄几次。优选地，可以翻转90度后拍摄一次。

图片的展示可以通过flash实现，也可以通过网页程序实现。

用于电商平台的软件，它的操作至少包括以下步骤：

1、从不同相对角度拍摄物体得到一系列图像；

2、将所拍系列图像上传到电商平台的服务器。

所述的物体也可以是人体。

上述方法也可以用于在电商平台展示买家穿戴衣物效果的方法，它至少包括以下步骤：

（1）向图像处理设备传送原始图像、数据；

（2）图像处理设备根据步骤（1）所传送的原始图像、数据处理图像，得到系列虚拟图像。

所述的原始图像可以是静态图像，也可以是动态图像。系列虚拟图像可以是一个图像，也可以是一系列图像。先处理相同角度的图像，得到对应角度的虚拟图像；依次处理不同角度的图像，则得到一系列不同角度的虚拟图像。

（3）在用户终端显示步骤（2）所得的系列虚拟图像。

所述步骤（1）所传送的原始图像、数据至少包括：

（1）模特穿着待售衣物的系列图像；

（2）买家的身体数据。

所述的身体数据，可以是某些部位的尺寸数值，如身高、三围尺寸等等，也可以是能测算出身体数据的一系列图像数据，如从不同角度拍摄的人体的系列图像、视频。

所述的图像处理设备可以是网络服务器，也可以是便携设备，也可以两者兼具。

作为改进，所述步骤（1）所传送的原始图像、数据至少包括：

（1）模特穿着待售衣物的系列图像；

（2）买家的身体数据；

（3）模特身体数据。

对于图像方式传送的身体数据，图像拍摄之前，模特和买家的着装应类似。比如说如果买的是冬天穿的外套，那模特和买家试穿之前都穿的是毛衣来拍摄身体数据的图像。如果买的是夏天穿的衬衫，那模特和买家都穿着紧身衣拍摄人体数据的图像。

作为改进，所述的系列图像、身体数据是指从一系列不同相对角度拍摄身体（买家或模特的身体，穿着待售衣物，也可以没穿待售衣物）所得的系列图像。这些图像也可以被包含在视频文件里，可以通过处理视频文件获得系列静态图像。

所述步骤（2）中，处理图像时，它包含将图像条带化的处理步骤，所谓条带化就是将图像（或图形）分割成若干个条形的图像（或图形），以便分别处理。

模特穿着待售服装的系列图像、模特未穿待售服装的系列图像、买家的身体系列图像里，身体的位置是一一对应的。对每个位置的图像逐个处理。

先按照相同的图像分辨率，在图像中识别出模特身体图像和买家身体图像，缩放图像，使模特图像（穿着待售衣物以及没穿待售衣物）里的身体高度和买家图像里的身体高度相等，然后将身体的图像分割成若干个水平方向的长条图像（条带），然后逐个将长条图像在水平方向按照一定的比例进行缩放。

上述的身体高度的调整也可以换为肩高的调整。

对于图像里除了身体图像外的部分，可以根据身体图像的处理结果，对剩余部分进行水平方向的缩放，或者覆盖，最终合称为虚拟图像。

作为改进，可以将四肢和躯干区分识别出来，根据具体情况分别进行缩放处理。

为了使图像更真实地反应穿衣后的效果，还要考虑衣物的宽松程度（衣物的弹性）对最终穿衣效果的影响。因此这里就需要计算人体和衣物的间隙。举例来说，如果模特和买家的其它部位尺寸相同，而只是腰围有差异。如果穿着宽松的睡衣，而睡衣在腰部的尺寸都大于模特和买家腰部的尺寸，那么此时两者在腰部的最终图像应该是一样的。而不应该根据两者的腰部尺寸差去调整模特穿衣的图像条带。而当买家的腰部条带比模特穿衣后的条带长时，则应该对模特穿衣的条带进行水平方向的放大处理。因此模特身体和衣物之间的间隙计算是很重要的。

为了更准确地显示穿衣的效果，卖家可将衣物的厚度数据传递给图像处理设备。

在进行条带的处理时，在相同部位（高度），通过计算模特穿着待售衣物图像的条带水平尺寸、模特没穿待售衣物图像的条带水平尺寸、衣物的厚度的差值，来判断待售衣物和模特身体之间的空隙数值。这里所说的图形是指模特穿着衣物的图形部分，不包括背景。以此作为对条带进行处理的依据。条带的水平尺寸可以是条带高度方向中点的水平方向的长度，也可以是根据条带的图像计算出的其它可以表现水平宽度的数值。当间隙大于一定数值的时候，说明衣物可能处于下垂的状态，此时如果买家的尺寸小于模特穿衣条带的尺寸，则这段条带的宽度可以保持原样；也可以根据模特和买家身体条带的差值，对模特穿衣条带进行处理（如相加）；也可以根据模特穿衣后相邻两段的水平条带的水平宽度差值，模特和买家身体条带的水平宽度差值，以及前一个的虚拟条带的水平宽度，进行处理（如相加）。

除了对条带进行整体缩放外，还可以调整局部图像，预先设置某些需要修改的采用部位。所述步骤（2）中，处理图像时，它至少包括以下步骤

（1）图像处理设备的程序分析上述图像上采样部位的数据。

（2）程序根据买家身体采样部位的数据处理模特图像上相应部位的数据；将模特图像上需要替换的相应部位的图像替换成买家相应部位的图像；生成系列虚拟图像。

所述步骤（2）还包括这样的步骤：将模特穿着待售衣物的图像上衣物覆盖之外的部位（包括但不限于头部、四肢）替换成买家相应部位的图像，生产最终的模拟图像。

对于步骤（3），当用户发出操作指令时，电商平台软件会将步骤（2）所得的系列虚拟图像按一定的顺序依次显示在软件显示界面的同一个位置。

所述的操作指令至少包括令商品转动的指令。

所述的一定的顺序是指：按照摄像相对角度的变化顺序得到的系列图像的顺序，可以是正序，也可以是反序。

优选地，所述模特是塑料人偶。这样可以避免处理模特的头发，可以将衣服完全暴露，更容易辨识衣物的边界。而且可以比较好地反应人偶和衣物之间的距离。如果使用真人模特，在两次拍摄期间会比较难以让人体准确地处于同一位置和姿势。

一般胳膊占人体的宽度比例较小，所以可以粗略地使用模特和买家躯干的比例处理图像，而不考虑手臂宽度。因此，拍照时买家和模特的手臂最好处于高于躯干的位置。另外，买家和模特的姿势要尽量一致。

也可以通过手臂和身体之间的缝隙（在图像上会透出背景色）来区分手臂和身体的边界，从而分别根据手臂和身体的尺寸数据处理图像。

买家的拍照时，要尽量穿着和头发颜色相差较大的衣服，这样便于程序将图像里的头发和衣服分离。

头部的处理：将买家头部图像（含头发）提取出来，颈部和肩部对好位置，将提取的图像覆盖到模特相应的图像上。

对于卖家搭配好的套装图像的处理比较简单，按上述的条带缩放处理就可以进行了。

下面分析对于买家选择不同的服装（如上衣、内衣、衬衫、裤子）的搭配效果显示。卖家分别提供模特只穿单件衣物的模特图像（而不是穿着搭配好的套装），这样更便于程序分辨衣物的边界。根据模特身体颜色和衣物颜色的差异，获得衣物的图像边界。按照穿衣顺序的先后处理图像。

处理图像时，模特穿有衣物的部分按照前述的方法进行处理。而裸露部分（没有衣物覆盖的部分）则用前一步所得的虚拟图像的相应位置的图像替代。而对于试衣程序的第一步，虚拟图像就是买家的原始系列图像。每一步获得的系列虚拟图像则成为新的买家身体数据图像。

可以对衣物设置层级参数，用于显示该衣物穿在身体上处于那一层。外层的可以覆盖内层的图像。

对于不方便上传自己身体照片的买家，可以向图像处理设备发送买家若干身体相关部位的数值，根据这些数值在图像处理设备上生成买家身体的系列虚拟图像。生成方式有两种，一种是图像处理设备使用专用程序（如三维建模程序），根据上述数据，生成买家身体的系列虚拟图像；另一种是，根据图像处理设备里现有的系列人体模型（模特，可以是真人，也可以是非真人的）图像以及人体模型的尺寸数据，以及买家相关部位的尺寸数据，修改处理现有人体模型的图像（并不一定要将改动保存到模特的图像文件），从而在此基础上生成买家身体的模拟图像。修改现有人体模型图像的时候，同样可以使用前述条带化处理的方式。采样部位之间（如胸部和腰部）的各个位置的条带缩放比例，可以根据相邻采样点的尺寸比例进行平滑的过渡处理计算。不同角度的图像的条带缩放比例也可以参考相关部位的比例进行。

臀部、胸部的侧面图像缩放，可以不以中心线为基点，而是以背部，腿前部为基点。

买家提供更多的采样部位（或采样点）数据会更有利于准确地呈现买家自身的穿衣效果。采样点数据可以包括但不限于“胸部最高点和背面的距离，臀部最高点和腿前端的距离，胸围，身高，肩宽，腰围，臀围，小腿最粗围度，脖子周长等等。

所得出的买家身体的系列虚拟图像可以作为前述的买家上传的身体数据，以便和穿着待售衣物的模特进行对比。

为买家建立的身体系列虚拟图像可以存储在电商服务器上或者图像处理设备上，以便日后买家网络试衣使用。

本发明还提供辅助展示电商平台买家穿戴衣物效果的设备，其特征是：它采用至少上述一种方法。本申请可用于众多通用或专用的计算系统环境或配置中。

本发明还提供用于电商平台的商品的配套软件和设备，其特征是：它采用至少上述一种方法。本申请可用于众多通用或专用的计算系统环境或配置中。

所述的设备可以是：个人计算机、服务器计算机、工作站、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、机顶盒、可编程的消费电子设备、网络pc、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境和设备等等。

将上述方法、软件、设备里的电商平台换成社交平台，商品换成人体，就提供了在社交平台展示用户身体三维形象的方法、软件和设备。这里所述的身体是指人体（包括头部）。穿了衣服的人体一样属于这里所说的身体或人体。

本发明的优点。

本发明不需要复杂的vr录入、显示设备，只要有普通的智能手机安装上简单的摄像软件和简单的转台就可以实现商品的三维录入工作。而且可以在网页直接显示出三维动态转动的效果，不需要专门的vr显示设备，可以直接通过肉眼观看。在显示衣物穿着在人体上的效果时，本发明把系列运动分解成一系列单个图片，根据模特和买家的身体数据对每个图片进行处理，极大简化了三维对象的建模工作，使复杂的建模过程变得简单易行。

相对于淘宝网现有的商品视频展示来说，淘宝网的商品展示人机互动性很差，只能实现视频随时间向前的播放，或者倒退后视频视频随时间向前的播放。而本发明可以做到很好的人机互动，让商品随着鼠标的移动而随意旋转，便于买家从各个角度去查看商品。

附图说明

图1~8是本实施例1的附图。

图9是本发明实施例2的附图。

具体实施方式

实施例1

图1~8是一个商品在转台上转动一周时所拍摄的8个位置的一系列照片。这里为了节省页面篇幅，只选择了8个照片，而实际上可以拍摄商品在转动一周的过程中更多位置的照片，比如说30张照片。

这些照片的拍摄可以由电商平台提供的专用软件完成。卖家先把这些照片通过电商平台提供的专用软件上传到电商平台服务器（无需卖家一一选择每张照片），当买家打开该商品的销售页面时，网页上有一个iframe的位置显示图1，当用户用鼠标左键按住图1并向右拉动的时候，这个iframe的位置就依次显示图1~图8。而当鼠标向左拉动的时候，这些图片则按相反的顺序显示于这个位置。因此对于用户来说，这个商品呈现出在网页上立体转动的效果。当然，转动的命令也可以通过其它按钮或者操作来实现。

照片的数量越多，则拖动商品转动时所呈现的画面越连贯，效果也越真实。

实施例2

本实施例用于说明模特穿着待售衣物的图像处理。

图9中，模特肩部以上部分用买家的原始图像相应部分代替（需对脖子和肩部进行过渡处理）。

从模特的颈部开始，对图像进行条带化，分割成若干条带。逐条按照前述的方法进行处理即可。

图9只是正面的图像，对于其它角度的系列图像也进行相应的处理，最终就可以得到买家穿衣的系列虚拟图像。按照前述方法显示在电商平台软件上，就可以让买家观看到360度的穿衣效果。

实施例3

卖家事先上传好模特360度范围内的各个角度的系列照片a1。

买家事先也上传好自己穿着类似衣物的全方位系列照片b1。为了便于图像处理，拍照时的背景应尽量选用和衣物、人体颜色不同的纯色背景。

买家和卖家在转台旋转一周范围内所拍摄的照片数量应该是一致的，拍摄每个照片时的转角也应一致，转台的旋转方向也应一致。人体的姿势也应尽量一致。

买家想试穿衣服的时候，图片处理的步骤：

1、将模特的a1系列图片按照买家图片b1上的身高进行等比例缩放，使模特图片里的身高像素尺寸和买家图片里的身高像素尺寸相等，得到系列照片a2。

2、将a2、b1图像里的人体在高度方向分成若干等分，比如说1000等分。对a2的每个水平条带进行缩放处理，使a2的最终水平尺寸等于b1相应部位的水平尺寸。缩放处理时，以人体中线为中线，高度不变，只是水平方向发生缩放。

实施例4

卖家上传模特只穿内衣的360度a1系列照片。

卖家上传模特穿着待售衣物和配套内衣的360度b1系列照片。

买家上传自己穿着内衣的360度c1系列照片。

将a1、b1系列照片里的人体高度缩放到和c1系列照片人体等高得到a2、b2系列图片。将图像里的人体在高度方向分成若干等分，比如说1000等分。逐个对比a2和c1每个水平条带的水平尺寸差，将这个尺寸差加在b2的宽度上（会有正负值的区分）。就可以得到买家穿衣后的最终水平尺寸。依照这个最终的水平尺寸和b2里的水平尺寸，对b2照片里的水平条带图片进行等比例缩放操作（以人体中线为中线，高度不变，只是水平方向发生缩放）。

一般引起衣物水平尺寸变化的，主要是躯干，所以一般上述尺寸差一般应以躯干水平部位的差值为准。

这样的处理比较粗糙，为了更准确地呈现效果，还应考虑前述方法里的衣物间隙。这里不再赘述。