CN103150099A - 通过网页利用抽线选取商品部件的方法 - Google Patents

Abstract

一种通过网页利用抽线选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分析出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；为商品模型的每个可选取部件分配一个独立的颜色，并进行预先模拟渲染；对每个经模拟渲染得到的可选取部件的色块进行分析，找出可选取部件的边界以及中心点；以中心点为端点的连线引出抽线，所述抽线的另一端在商品模型之外；在网页上通过鼠标选择与商品的可选取部件对应的抽线来选取商品的可选取部件的部件号，从而用户可以对商品的某些部件进行单独选择。本发明还提出了一种通过网页在线拼装定制方法。

Description

通过网页利用抽线选取商品部件的方法

技术领域

本发明涉及图像识别技术领域及3D技术领域，特别涉及一种通过网页利用抽线选取商品的三维模型中的部件的方法。

背景技术

传统的电子商务通过采购或者自主设计商品，批量生产并通过互联网平台销售给用户。随着生活水平的提高，用户对个性化定制的商品需求越来越多。其中最典型的例子是可以将自己的照片或者图片印刷定制的T恤衫。在传统电子商务平台下，这种需求很难得到满足，但是，随着电子商务的发展使这种需求成为可能。

在当前的互联网的电子商务实践中，已经存在多种在线商品定制方案。例如，www.kadang.com网站所采用的在线商品定制方案可以允许用户在线定制包括T恤，茶杯，手机壳等商品。但其在线定制功能仅允许用户提供定制素材，而无法在购买前看到所定制的商品，尤其是它仅仅提供了商品的图片，因此也无法从多个角度查看定制效果；www.idx.com.cn网站是一家以运动鞋为主的在线运动鞋定制网站，其所采用的在线商品定制方案可以允许用户定制一双鞋的各个部件的面料，并且提供了3D显示功能，用户可以在收到鞋之前从多角度看到商品的最终效果。但是，它并没有采用真正的3D技术，而是从多个角度将各种鞋面材料拍照，通过图片拼装的方式进行展示。这种方案的问题在于首先它需要大量的前期拍照工作，其次它的适用范围较窄，例如服装，家具等商品就很难实现。并且，用户仅能对选定的鞋型自由选择材质和面料，不能满足用户更高的个性化需求。

因此，需要可以根据用户需要在线选择商品的不同的部件进行自由拼装的在线商品定制。然而，如何通过网页准确地选择商品的不同部件是首先需要解决的问题。

公开于该发明背景技术部件的信息仅仅旨在加深对本发明的一般背景技术的理解，而不应当被视为承认或以任何形式暗示该信息构成已为本领域技术人员所公知的现有技术。

发明内容

为解决上述问题，本发明提供一种通过网页利用抽线选取商品部件的方法，用户可根据需要选择不同的部件，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性。

为了达到上述目的，本发明提供一种通过网页利用抽线选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；为商品模型的每个可选取部件分配一个独立的颜色，并进行预先模拟渲染；对每个经模拟渲染得到的可选取部件的色块进行分析，找出可选取部件的边界以及中心点；以中心点为端点的连线引出抽线，所述抽线的另一端在商品模型之外；在网页上通过鼠标选择与商品的可选取部件对应的抽线来选取商品的可选取部件的部件号。

优选地，所述多个可选取部件的抽线的另一端分散分布在商品模型的周围。

优选地，所述抽线的另一端设置有用于标注可选取部件的标记。

优选地，在网页上通过鼠标选择与商品的可选取部件对应的标记来选取该可选取部件。

优选地，所述用于标注可选取部件的标记为该可选取部件的部件号。

为达到上述目的，本发明还提供了一种通过网页在线拼装定制方法，能够通过网页选择不同的部件进行自由拼装，使得能够定制出满足客户个性化需求的商品。

所述通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的部件进行选择，以定制成商品，所述方法包括：根据定制商品的特点，分析出商品的可定制部分以及可定制部分的可定制部件；对这些可定制部件和商品分别进行3D建模得到可定制部件和商品的3D模型并将对应的3D建模文件保存在服务器中；通过网页利用抽线选取商品模型的可定制部分，并选择所述可定制部分的可定制部件；服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据；在网页中显示具有所述可定制部件的商品模型的效果图。

优选地，通过三维建模工具软件对可定制部件进行建模。

优选地，通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图。

优选地，所述效果图是具有所述可定制部件的商品模型的八个不同角度的八张图片。

优选地，在页面操作时，通过鼠标滚轮或者点击屏幕特定区域轮流显示所述八张图片以获得三维展示的效果。

优选地，所述方法包括通过网页设置可定制部件的属性。

优选地，所述属性为材质、形状、颜色或图案中的至少一种。

本发明的有益效果是：

1、通过网页利用抽线选取商品部件的方法，用户可根据需要选择不同的部件，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性。

2、通过网页在线拼装定制方法，用户可根据需要选择不同的部件进行的自由拼装，能够最大程度地满足用户的个性化定制的需求。

3、通过Javascript技术在网页中显示渲染得到的定制商品的效果图，为用户提供交互式的所见即所得的定制服务。

附图说明

通过说明书附图以及随后与说明书附图一起用于说明本发明某些原理的具体实施方式，本发明所具有的其它特征和优点将变得清楚或得以更为具体地阐明。

图1示出了本发明的通过网页利用抽线选取商品部件的方法的流程图；

图2a-2c示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的鞋子的部件的三个不同角度的视图；

图3a-3c示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的床的部件的三个不同角度的视图；

图4a-4c示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的眼镜的部件的三个不同角度的视图；

图5示出了本发明的通过网页在线拼装定制方法的流程图；

图6示出了根据本发明的通过网页在线拼装定制方法定制的鞋子3D的示意图。

应当了解，说明书附图并不一定按比例地显示本发明的具体结构，并且在说明书附图中用于说明本发明某些原理的图示性特征也会采取略微简化的画法。本文所公开的本发明的具体设计特征包括例如具体尺寸、方向、位置和外形将部件地由具体所要应用和使用的环境来确定。

在说明书附图的多幅附图中，相同的附图标记表示本发明的相同或等同的部件。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类似推广，因此本发明不受下面公开的具体实施例的限制。

请参阅图1所示，图1示出了本发明的通过网页利用抽线选取商品部件的方法的流程图。本发明提供了一种通过网页利用抽线选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：

步骤101、根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号。

步骤102、为商品模型的每个可选取部件分配一个独立的颜色，并进行预先模拟渲染。

步骤103、对每个经模拟渲染得到的可选取部件的色块进行分析，找出可选取部件的边界以及中心点。

步骤104、以中心点为端点的连线引出抽线，所述抽线的另一端在商品模型之外；其中，所述每个抽线与其所在的可选取部件的部件号相对应，所述多个可选取部件的抽线的另一端分散分布在商品模型的周围。

步骤105、在网页上通过鼠标选择与商品的可选取部件对应的抽线来选取商品的可选取部件的部件号。通过该部件号，可以确定抽线所表示的可选取部件以便于之后通过渲染引擎对该可选取部件的渲染。

在另一实施例中，所述抽线的另一端还设置有用于标注可选取部件的标记，所述每个标记与其所标注的可选取部件的部件号相对应，在网页上通过鼠标选择与商品的可选取部件对应的标记来选取该可选取部件的部件号。优选地，所述用于标注可选取部件的标记为该可选取部件的部件号。

下面仅以鞋为例对本发明的具体实施例进行描述。图2a-2c示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的鞋子的部件的三个不同角度的视图。通过参考图2a-2c具体描述选择鞋子的部件的过程。

根据鞋子的特点，分析出鞋子可具有7个可选取部件，包括鞋底部件、鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件并为每个部件分配一个用于在服务器中标识该可选取部件的部件号。采用七种不同的颜色例如，红色、橙色、黄色、绿色、黑色、青色、紫色分别对鞋底部件、鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件进行预先模拟渲染，对每个经模拟渲染得到的可选取部件的色块进行分析，找出可选取部件的边界以及中心点，该以中心点为端点的连线引出抽线，所述抽线的另一端在鞋子模型之外并且使得所述多个可选取部件的抽线的另一端分散分布在鞋子模型的周围；所述抽线的另一端还设置有用于标注可选取部件的标记，所述每个标记与其所标注的可选取部件的部件号相对应，在网页上通过鼠标选择与商品的可选取部件对应的标记来选取该可选取部件的部件号。

可通过Javascript技术在网页中显示商品和这些可选取部件的模型及其抽线和/或标注。当用户希望选择鞋帮部件时，将鼠标移至鞋帮部件。通过从鞋帮部件引出的抽线和/或标记，在网页上通过鼠标选择抽线和/或标记来选取商品的可选取部件的部件号，并将所选择的部件号发送至服务器，从而实现了通过网页对服务器中的鞋帮部件的选择。

但本发明不限于此，本发明的通过网页利用抽线选取商品部件的方法可应用于选择各种商品的部件，例如，服装、鞋子、家具等。图3a-3c例示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的床的部件的三个不同角度的视图；图4a-4c示出了根据本发明的通过网页利用抽线选取商品部件的方法选择的眼镜的部件的三个不同角度的视图，它们的具体实现方法如上所述，在此不再详述。

请参阅图5所示，图5示出了本发明的通过网页在线拼装定制方法的流程图。本发明提供了一种通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，以定制成商品，所述方法包括：

步骤501、根据定制商品三维模型，分解出商品的可定制部分以及可定制部分的可定制部件。

在以鞋作为示例的实施例中，所述可定制部件可以为鞋跟部件、鞋带部件、鞋面部件等，所述可定制部件可以为各种样式的鞋跟、鞋带以及鞋上的装饰件等，但是本发明的范围不限于此。

步骤502、对这些可定制部件和商品分别进行3D建模得到它们的3D模型并将它们的3D建模文件保存在服务器中。在本实施例中，通过三维建模工具对所述可定制部件和商品进行3D建模生成所述可定制部件和商品3D模型（例如，以鞋子为例，通过三维建模工具对鞋子进行3D建模，得到鞋子的3D模型），并将这些3D模型输出为OBJ格式的3D建模文件，所述3D建模文件包含模型的所有空间几何数据，这些空间几何数据包含了点和线构成的几万至几百万个三角形。

优选地，所述三维建模工具为3DSMAX或MAYA软件，但本发明不限于此，还可以是其它任何适用的三维建模工具。

步骤503、通过网页利用抽线选取商品模型的可定制部分，并选择所述可定制部分的可定制部件。用户通过鼠标点击可定制部分的抽线或标记选择该可定制部分。

为了选择商品的可定制部分，需要为商品模型的每个可定制部分分配一个独立的颜色，并进行预先模拟渲染。然后，对每个经模拟渲染得到的可定制部分的色块进行分析，找出可定制部分的边界以及中心点，再以中心点为端点的连线引出抽线，所述抽线的另一端在商品模型之外使得所述多个可定制部分的抽线的另一端分散分布在商品模型的周围。所述每个抽线与其所在的可定制部分的编号相对应。在网页上可通过鼠标选择与商品的可定制部分对应的抽线来选取服务器中的该可定制部分。

进一步，还可在所述抽线的另一端设置用于标注可定制部分的标记，所述每个标记与其所标注的可定制部分相对应，在网页上通过鼠标选择与商品的可定制部分对应的标记来选取服务器中的该可定制部分。

步骤504、服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据，其中在渲染时需要指定可定制部件的模型的相对位置，可采用现有的渲染技术对商品进行渲染。

在本实施例中，渲染的过程包括：首先将渲染请求通过网络发送给渲染引擎；然后，渲染引擎根据渲染请求读取并载入所需要渲染的可定制部件的模型文件，同时还会载入可定制部件的模型的相对位置等；在载入完毕之后，引擎首先设定一个相机位置，然后对可定制部件的三维模型中的每个点分析其光线反射后产生的图像，最终组合成一个渲染结果图。

步骤505、在网页中显示具有所述可定制部件的商品模型的效果图。在本实施例中，可通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图，所述效果图是所述可定制部件的商品模型的八个不同角度的八张图片，用户在页面操作时可以通过鼠标滚轮或者点击屏幕特定区域轮流显示这八张图片，达到三维展示的效果。但本发明不限于此，可采用更多或更少角度的图片来展示三维效果。

优选地，还可通过网页设置可定制部件的属性。

在本实施例中，所述属性为部件材质、形状、颜色或图案等等。例如，当用户选择模型的一个可定制部分并且选择了对应的可定制部件（例如，装饰件）之后，可以选择该装饰件的材质、形状等。有关所述属性的数据存放在单独的图形文件中，在渲染时会根据渲染命令读取并处理。

本发明的通过网页在线拼装定制方法可应用于各种可定制的商品，例如，服装、鞋子、家具等。下面仅以鞋为例对本发明的具体实施例进行描述。图6为根据本发明的通过网页在线拼装定制方法定制的鞋子3D的示意图。通过参考图6具体描述定制鞋子的过程。

根据鞋子的特点，分析出鞋子可具有7个可定制部分601、602、603、604、605、606和607，以及其对应的可定制部件分别为各种类型的鞋底、鞋跟、鞋面、鞋后跟、鞋帮、鞋带和鞋口。然后采用3DSMAX软件对鞋子600和这些可定制部件进行3D建模生成OBJ格式的3D建模文件，并将所述3D建模文件保存在服务器中。

通过可通过Javascript技术在网页中显示商品和这些可定制部件的模型以及各个可定制部件的可选择的属性。

用户通过鼠标在网页中选取鞋子模型的可定制部分601，选择喜欢类型的鞋底模型，例如选择高跟鞋鞋底，并选择鞋底模型的属性，例如，颜色为黑色，材质为牛筋。服务器收到用户的选择后，根据用户选择的鞋底模型及其属性和该鞋底模型的相对位置，对上述具有黑色的牛筋材质的高跟鞋底的鞋子模型进行渲染，并保存渲染的数据。然后，通过Javascript技术在网页中显示具有黑色的牛筋材质的高跟鞋鞋底的鞋子模型。

接着，用户在网页中选取鞋子模型的可定制部件602，选择喜欢类型的高跟鞋跟模型，例如选择圆锥形高跟鞋鞋跟，并选择鞋跟模型的属性，例如，颜色为黑色，材质为耐磨塑料。服务器收到用户的选择后，根据用户选择的鞋跟模型及其属性和该鞋跟模型的相对位置，对上述具有黑色的耐磨塑料的高跟鞋鞋跟的鞋子模型进行渲染，并保存渲染的数据。然后，通过Javascript技术在网页中显示具有黑色的牛筋材质的高跟鞋鞋底和黑色的耐磨塑料的鞋跟的鞋子模型。

类似地，依次完成可定制部件603、604、605、606、607的选取，以及对应的可定制部件及其属性的选择，最后得到如图6所示的高跟鞋，从而实现了鞋子的全部个性化定制。用户在页面操作时，可通过鼠标滚轮轮流显示定制的高跟鞋的八个角度的八张图，以观看定制的鞋子的三维展示的效果。

上述实施例是用于例示性说明本发明的原理及其功效，但是本发明并不限于上述实施方式。本领域的技术人员均可在不违背本发明的精神及范畴下，在权利要求保护范围内，对上述实施例进行修改。因此本发明的保护范围，应如本发明的权利要求书覆盖。

Claims (12)

1.一种通过网页利用抽线选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，其特征在于，所述方法包括：

根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；

为商品模型的每个可选取部件分配一个独立的颜色，并进行预先模拟渲染；

对每个经模拟渲染得到的可选取部件的色块进行分析，找出可选取部件的边界以及中心点；

以中心点为端点的连线引出抽线，所述抽线的另一端在商品模型之外；

在网页上通过鼠标选择与商品的可选取部件对应的抽线来选取商品的可选取部件的部件号。

2.根据权利要求1所述的通过网页利用抽线选取商品部件的方法，其特征在于，所述多个可选取部件的抽线的另一端分散分布在商品模型的周围。

3.根据权利要求2所述的通过网页利用抽线选取商品部件的方法，其特征在于，所述抽线的另一端设置有用于标注可选取部件的标记。

4.根据权利要求3所述的通过网页利用抽线选取商品部件的方法，其特征在于，在网页上通过鼠标选择与商品的可选取部件对应的标记来选取该可选取部件。

5.根据权利要求4所述的通过网页利用抽线选取商品部件的方法，其特征在于，所述用于标注可选取部件的标记为该可选取部件的部件号。

6.一种通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的部件进行选择，以定制成商品，其特征在于，所述方法包括：

根据定制商品的特点，分析出商品的可定制部分以及可定制部分的可定制部件；

对这些可定制部件和商品分别进行3D建模得到可定制部件和商品的3D模型并将对应的3D建模文件保存在服务器中；

通过网页利用抽线选取商品模型的可定制部分，并选择所述可定制部分的可定制部件；

服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据；

在网页中显示具有所述可定制部件的商品模型的效果图。

7.根据权利要求6所述的通过网页在线拼装定制方法，其特征在于，通过三维建模工具软件对可定制部件进行3D建模。

8.根据权利要求6所述的通过网页在线拼装定制方法，其特征在于，所述方法还包括：通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图。

9.根据权利要求6所述的通过网页在线拼装定制方法，其特征在于，所述效果图是具有所述可定制部件的商品模型的八个不同角度的八张图片。

10.根据权利要求9所述的通过网页在线拼装定制方法，其特征在于，在页面操作时，通过鼠标滚轮或者点击屏幕特定区域轮流显示所述八张图片以获得三维展示的效果。

11.根据权利要求6所述的通过网页在线拼装定制方法，其特征在于，所述方法包括通过网页设置可定制部件的属性。

12.根据权利要求11所述的通过网页在线拼装定制方法，其特征在于，所述属性为材质、形状、颜色或图案中的至少一种。

Images