CN104036543B - 旋转式虚拟衣架 - Google Patents

Abstract

本发明公开了旋转式虚拟衣架。一种用于旋转式虚拟衣架的方法包括：创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；旋转包括圆形区域的所述虚拟衣架，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及基于所确定的位置和宽高比来显示所述特定数目的衣服。

Description

旋转式虚拟衣架

技术领域

本发明涉及动互联网中的虚拟服装展示领域，特别适用于虚拟试衣间中的服装分类展示，涉及到一种不重叠的可连续旋转的虚拟衣架。

背景技术

近年来随着网络购物的飞速发展，消费者对购物体验的需求进一步提高。现有技术采用平面分类列表形式展示服装。然而，由于列表形式展示服装平面化、形象程度低、对屏幕的空间利用程度低，从而使不能实现与消费者的互动并且缺乏真实性。

例如，传统对衣服的展示技术中，主要有两种展示方式：

(1)一种是平面的表格形式，这种形式的缺点在于衣服始终处于二维空间，不能与三维场景相融合，无法在三维场景中得到应用。

(2)使用普通衣架对衣服进行展示。这里的“普通”衣架指的是完全模拟现实中的旋转衣架，将衣服等间距的悬挂在衣架上。这种形式的缺点在于衣架上不能有过多的衣服，否则当衣服跟着衣架一起旋转时，会互相重叠，造成不良用户体验。此外，由于三维场景一般都使用透视投影技术，因此此种衣架会使衣服在显示屏幕上失真。

因此，需要一种用户能够移动和点取的不重叠的可旋转虚拟衣架服装，从而最大程度地接近现实购物场景。

发明内容

根据本发明的一个实施例，提供了一种用于旋转式虚拟衣架的方法，所述方法包括：创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；旋转包括圆形区域的所述虚拟衣架，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及基于所确定的位置和宽高比来显示所述特定数目的衣服。

优选地，所述选择框的长度是10π/7。

优选地，确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置进一步包括：根据下面的公式遍历所述数组中的所有对象，以确定每件衣服在所述圆形区域上的位置：

其中，θ₁是所述衣服在所述选择框中的位置，θ₂是所述衣服在所述圆形区域上的位置。

优选地，如果所述选择框移动到所述第一边界或所述第二边界，则所述选择框被划分成两部分，所述两部分分别位于所述第一边界和所述第二边界，使得所述虚拟衣架能够无限循环旋转。

优选地，所述宽度不超过预定的阈值，使得所述衣服在旋转过程中不发生重叠。

优选地，所述特定位置是5π/4和7π/4。

优选地，在所述虚拟衣架的顶端设置有衣服名称和序号的显示牌，以便当所述衣服处于正前方时显示所述衣服名称和序号以用于进一步的操作。

根据本发明的另一个实施例，提供了一种用于旋转式虚拟衣架的装置，所述装置包括：第一数组创建模块，所述第一数组创建模块用于创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；选择框移动模块，所述选择框移动模块通过包括圆形区域的所述虚拟衣架的旋转，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；第二数组创建模块，所述第二数组创建模块用于创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；位置确定模块，所述位置确定模块确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；宽高比确定模块，所述宽高比确定模块根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及显示模块，所述显示模块基于所确定的位置和宽高比来显示所述特定数目的衣服。

优选地，所述选择框的长度是10π/7。

优选地，所述位置确定模块进一步用于：

根据下面的公式遍历所述数组中的所有对象，以确定每件衣服在所述圆形区域上的位置：

其中，θ₁是所述衣服在所述选择框中的位置，θ₂是所述衣服在所述圆形区域上的位置。

优选地，如果所述选择框移动到所述第一边界或所述第二边界，则所述选择框被划分成两部分，所述两部分分别位于所述第一边界和所述第二边界，使得所述虚拟衣架能够无限循环旋转。

优选地，所述宽度不超过预定的阈值，使得所述衣服在旋转过程中不发生重叠。

优选地，所述特定位置是5π/4和7π/4。

优选地，所述装置进一步包括设置在所述虚拟衣架的顶端的显示牌，所述显示牌包括衣服名称和序号，以便当所述衣服处于正前方时显示所述衣服名称和序号以用于进一步的操作。

本发明提出了一种全新的虚拟衣架，在三维场景中对衣服进行展示，具有以下优点：

●衣架可以承载任意多件的衣服，但是同时只显示有限数量的衣服，不会给用户造成拥挤的感觉

●衣架可以连续旋转，旋转过程中会将当前未显示的衣服逐渐显示出来，并将当前显示的衣服逐渐隐藏，给用户平滑的视觉体验

●衣服随衣架旋转时，不会产生重叠

●在衣架顶端具有名称和序号显示牌，可以显示当前最前端衣服的名称和序号。

根据本公开和附图的下面的详细描述，对本领域的普通技术人员来说其它的目的、特征、以及优点将是显而易见的。

附图说明

附图图示了本发明的实施例，并与说明书一起用于解释本发明的原理。在附图中：

图1图示了根据本发明的实施例的旋转式虚拟衣架的俯视图。

图2图示了根据本发明的用于旋转式虚拟衣架的衣服排列算法模型的示意图。

图3图示了根据本发明的实施例的用于旋转式虚拟衣架的衣服排列算法模型的选择框的示意图。

图4图示了根据本发明的实施例的用于旋转式虚拟衣架的衣服平面旋转角度的示意图。

图5图示了根据本发明的实施例的用于旋转式虚拟衣架的装置500配置图。

图6图示了根据本发明的实施例的用于旋转式虚拟衣架的方法600的流程图。

具体实施方式

根据本发明的实施例公开了一种用于旋转式虚拟衣架的方法和装置。在以下描述中，为了说明的目的，阐述了多个具体细节以提供对本发明的实施例的全面理解。然而，对于本领域人员显而易见的是，本发明的实施例可以在没有这些具体细节的情况下实现。

图1图示了根据本发明的实施例的旋转式虚拟衣架的俯视图。如图1所示，衣架模型的基础是圆形的旋转区域，每件衣服的正中间会挂在这个圆形区域上，其中0到π区域内的衣服平面处于该圆的半径直线上，π到2π区域内的衣服，始终正对着用户，没有任何角度偏转。其中0到π区域最多显示7件衣服，π到2π的区域最多显示3件衣服。多余的衣服，都是不可见的，但是这是技术上不可见，对用户来说多余的衣服都在π/2处，由于此处的衣服是侧对着用户的，因此自然而然的不可见。在用户旋转过程中，如果有衣服A因旋转而越过π/2时，就将A隐藏，将衣服B显示出来，给用户的感觉好像是A将B“顶”出来的一样。如本领域技术人员已知的，在本申请中所使用的数目仅是示例性的，也可以使用其他数目。

图2图示了根据本发明的用于旋转式虚拟衣架的衣服排列算法模型的示意图。首先用第一数组对衣架上所有的衣服对象进行存储，并且将其在一维坐标轴上进行等距排列，索引为n的衣服在坐标轴上的位置为nπ/7。如图2所示，该第一数组具有第一边界和第二边界。同时有一个长度为10π/7的选择框，坐标位置落在选择框中的衣服，将被显示在衣架上。用户在用鼠标旋转衣架时，衣架捕获鼠标事件，根据鼠标的移动距离，来移动选择框在坐标轴上的位置，以便确定要显示的衣服及其位置。本领域技术人员可以理解，也可以使用其他长度的选择框。

衣服排列的算法具体如下：

1)用户旋转衣架，使选择框移动到了位置A处，即此时选择框在坐标轴上选择的位置是[A,A+10π/7]；

2)创建临时数组，此临时数组用来保存将要显示的衣服标识符及其在选择框中相对位置。遍历衣服对象数组，对每一件衣服对象，如果其坐标处于选择框中，则计算其相对选择框的位置，并加入数组中；

3)确定衣服在衣架圆形区域上的位置。具体地，设衣服在选择框中的位置为θ₁，在衣架圆形区域上的位置为θ₂，则根据下面的公式遍历数组中所有的衣服对象，来确定每件衣服在圆形区域上的位置：

可以证明，以上公式可以将选择框内的位置映射到圆形区域上，并且保证圆形区域上(π,2π)上最多有三件衣服且这三件衣服都均匀排列，(0，π)区域内最多有7件衣服且均匀排列。

图3图示了根据本发明的实施例的用于旋转式虚拟衣架的衣服排列算法模型的选择框的示意图。如果选择框被移动到边界，则选择框将分成两部分，所述两部分分别位于所述边界的端部。如图3所示，此时算法第一步中的选择框区域为[0,3π/7]和[3π/7,10π/7]，算法的其他步骤保持不变。可见，这种划分选择框的方式，能保证衣架的无限循环旋转。

图4图示了根据本发明的实施例的用于旋转式虚拟衣架的衣服平面旋转角度的示意图。在根据衣服排列的算法确定了每件要显示的衣服平面的位置之后，需要根据下述原则设置衣服平面的偏转角度，以免衣服在旋转过程中产生重叠。

具体地，如果衣服在圆形区域上的位置为(0，π)，则其偏转角度就是其所在位置，这样可以使该衣服平面恰好处于一条圆半径直线上，可以保证所有(0，π)内的衣服都不会重叠；如果衣服处于(π,2π)，则让其始终正对着用户。可以证明，如果两件衣服在图4所示的位置没有发生重叠，则永远不会发生重叠。可以计算出此时两件衣服在该位置处的宽度，保证在该位置其宽度不超过预定的阈值，则可以保证其在旋转过程中不发生重叠。

此外，众所周知，三维场景一般都使用透视投影来模拟真实的视觉体验。但是透视投影的一个典型效果就是原本方方正正的三维平面，被投影到显示屏幕后，会变成长方形，即失真。这在衣服展示时，给用户带来不好的体验。

本发明在(π,2π)区域中，先根据上述确定的衣服宽度，来确定其投影到显示屏幕后的宽度，并且算出衣服图片在此时等比缩放到此宽度后，应该具有的高度值，然后将此高度值逆投影到三维场景中，来确定衣服平面的高度。这样，当该衣服再次被透视投影算法投影到显示屏幕上时，就会保持衣服图片的宽高比，不会失真。

进一步地，根据本发明的技术方案，在衣架顶端，可以设置一个衣服名称和序号的显示牌，在用户旋转衣架过程中，处于正前方的衣服名称和序号将显示在该显示牌上，用户可以点击感兴趣的衣服来进行其他操作(比如试穿)。因此，本发明的可连续旋转的虚拟衣架适合在装有触摸屏的移动客户端中操控的服装展示。

图5图示了根据本发明的实施例的用于旋转式虚拟衣架的装置500的配置图。装置500包括第一数组创建模块501，所述第一数组创建模块501用于创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；选择框移动模块503，所述选择框移动模块503通过包括圆形区域的所述虚拟衣架的旋转，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；第二数组创建模块505，所述第二数组创建模块505用于创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；位置确定模块507，所述位置确定模块507确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；宽高比确定模块509，所述宽高比确定模块509根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及显示模块511，所述显示模块511基于所确定的位置和宽高比来显示所述特定数目的衣服。

图6图示了根据本发明的实施例的用于旋转式虚拟衣架的方法600的流程图。如图6所示，在步骤601，创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框。在步骤603，旋转包括圆形区域的所述虚拟衣架，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上。在步骤605，创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置。在步骤607，确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置。在步骤609，根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比。在步骤611，基于所确定的位置和宽高比来显示所述特定数目的衣服。

本发明使虚拟服装展示形象化，大容量化，操控简单直观，视觉效果好。具体地，根据本发明的虚拟衣架的优点是：(1)在服装之间不会互相重叠；(2)不论衣架上的服装数量多寡，都能保证衣架最前面的3件服装完全以正面面向用户；(3)衣架可以容纳服装的数量不受空间限制；(4)衣架可以连续旋转，旋转过程中在背后自动更换服装，不会被用户发觉；(5)衣服在3D场景中显示不会出现形状失真。

因此，根据本发明的技术方案的虚拟衣架，能够以三维的形式将诸多空间细节串联起来，以动画的形式展现给消费者。由于有了运动，就有了时间，继而产生了四维的表现形式。这种更丰富的展现效果能够有效吸引消费者、促进消费者的购买欲望、实现更好的购物体验。

上述实施例仅是本发明的优选实施例，并不用于限制本发明。对本领域技术人员显而易见的是，在不脱离本发明精神和范围的情况下，可以对本发明的实施例进行各种修改和改变。因此，本发明意在涵盖落入如权利要求所限定的本发明的范围之内的所有的修改或变型。

Claims (14)

1.一种用于旋转式虚拟衣架的方法，所述方法包括：

创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；

旋转包括圆形区域的所述虚拟衣架，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；

创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；

确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；

根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及

基于所确定的位置和宽高比来显示所述特定数目的衣服。

2.根据权利要求1所述的方法，其中所述选择框的长度是10π/7。

3.根据权利要求2所述的方法，其中确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置进一步包括：

根据下面的公式遍历所述数组中的所有对象，以确定每件衣服在所述圆形区域上的位置：

${\mathrm{\θ}}_2=\left\{\begin{array}{cc}{\mathrm{\θ}}_1& {\mathrm{\θ}}_1\∈(0,\mathrm{\π})\\ \frac{7}{3}({\mathrm{\θ}}_1-\mathrm{\π})+\mathrm{\π}& {\mathrm{\θ}}_1\∈(\mathrm{\π},\frac{10\mathrm{\π}}{7})\end{array}\right.$

其中，θ₁是所述衣服在所述选择框中的相对位置，θ₂是所述衣服在所述圆形区域上的位置。

4.根据权利要求1或2

所述的方法，其中如果所述选择框移动到所述第一边界或所述第二边界，则所述选择框被划分成两部分，所述两部分分别位于所述第一边界和所述第二边界，使得所述虚拟衣架能够无限循环旋转。

5.根据权利要求1所述的方法，其中所述宽度不超过预定的阈值，使得所述衣服在旋转过程中不发生重叠。

6.根据权利要求1或5所述的方法，其中所述特定位置是5π/4和7π/4。

7.根据权利要求1所述的方法，其中在所述虚拟衣架的顶端设置有衣服名称和序号的显示牌，以便当所述衣服处于正前方时显示所述衣服名称和序号以用于进一步的操作。

8.一种用于旋转式虚拟衣架的装置，所述装置包括：

第一数组创建模块，所述第一数组创建模块用于创建第一数组，所述第一数组用来保存所述虚拟衣架的所有衣服的标识符和位置并且具有第一边界和第二边界，所述第一数组包括具有特定长度的选择框；

选择框移动模块，所述选择框移动模块通过包括圆形区域的所述虚拟衣架的旋转，使得所述选择框移动到所述第一数组的第一位置，坐标落在所述选择框中的特定数目的衣服将被显示在所述虚拟衣架上；

第二数组创建模块，所述第二数组创建模块用于创建第二数组，所述第二数组用来保存将要显示的所述特定数目的衣服的标识符及其在所述选择框中的相对位置；

位置确定模块，所述位置确定模块确定所述特定数目的衣服在所述虚拟衣架上的所述圆形区域上的位置；

宽高比确定模块，所述宽高比确定模块根据所述特定数目的衣服在所述圆形区域上的特定位置的宽度来确定所述特定数目的衣服的平面高度，并且基于所述宽度和所述高度来确定对应的宽高比；以及

显示模块，所述显示模块基于所确定的位置和宽高比来显示所述特定数目的衣服。

9.根据权利要求8所述的装置，其中所述选择框的长度是10π/7。

10.根据权利要求9所述的装置，其中所述位置确定模块进一步用于：

根据下面的公式遍历所述数组中的所有对象，以确定每件衣服在所述圆形区域上的位置：

${\mathrm{\θ}}_2=\left\{\begin{array}{cc}{\mathrm{\θ}}_1& {\mathrm{\θ}}_1\∈(0,\mathrm{\π})\\ \frac{7}{3}({\mathrm{\θ}}_1-\mathrm{\π})+\mathrm{\π}& {\mathrm{\θ}}_1\∈(\mathrm{\π},\frac{10\mathrm{\π}}{7})\end{array}\right.$

其中，θ₁是所述衣服在所述选择框中的相对位置，θ₂是所述衣服在所述圆形区域上的位置。

11.根据权利要求8或9所述的装置，其中如果所述选择框移动到所述第一边界或所述第二边界，则所述选择框被划分成两部分，所述两部分分别位于所述第一边界和所述第二边界，使得所述虚拟衣架能够无限循环旋转。

12.根据权利要求8所述的装置，其中所述宽度不超过预定的阈值，使得所述衣服在旋转过程中不发生重叠。

13.根据权利要求8或12所述的装置，其中所述特定位置是5π/4和7π/4。

14.根据权利要求8所述的装置，进一步包括：

设置在所述虚拟衣架的顶端的显示牌，所述显示牌包括衣服名称和序号，以便当所述衣服处于正前方时显示所述衣服名称和序号以用于进一步的操作。