CN103150656A - 通过网页利用蒙板选取商品部件的方法 - Google Patents

Abstract

一种通过网页利用蒙板选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；对商品模型的多个可选取部件进行分色渲染得到多个渲染结果图片；将每个渲染结果图片转化成二维数组保存在一个蒙板文件中；当通过将鼠标定位在网页中商品模型的可选取部件上选择可选取部件时，分析鼠标的位置数据；通过查询与所述鼠标的位置数据相对应的保存在所述蒙板文件中二维数组的数据获得鼠标处的可选取部件的部件号。此外，本发明还提供了一种通过网页在线拼装定制方法。

Description

通过网页利用蒙板选取商品部件的方法

技术领域

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

背景技术

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

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

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

发明内容

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

为了达到上述目的，本发明提供一种通过网页利用蒙板选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；对商品模型的多个可选取部件进行分色渲染得到多个渲染结果图片；将每个渲染结果图片转化成二维数组保存在一个蒙板文件中；当通过将鼠标定位在网页中商品模型的可选取部件上选择可选取部件时，分析鼠标的位置数据；通过查询与所述鼠标的位置数据相对应的保存在所述蒙板文件中二维数组的数据获得鼠标处的可选取部件的部件号。

优选地，所述对商品模型多个可选取部件进行分色渲染包括：为多个可选取部件分别分配不同的纯色；根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到一个渲染结果图片。

优选地，所述二维数组中的每一个数据对应渲染结果图片上的一个点，其中每一个点对应该点上的可选取部件的部件号。

优选地，预先将网页中的鼠标的位置数据与保存在所述蒙板文件中的二维数组的数据对应，所述鼠标的位置数据通过基于网页的Javascript代码获得。

优选地，所述方法还包括：为每个可选取组件生成一个透明蒙板文件；根据鼠标的位置数据选择相对应的透明蒙板文件；通过将该透明蒙板文件覆盖在鼠标所选择的可选取部件上，使该可选取部件被高亮。

优选地，所述透明蒙板文件的覆盖通过基于网页的Javascript代码实现。

优选地，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件。

优选地，所述透明蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，并且该区域的大小和形状与对应的可选取部件的形状相同。

优选地，所述透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。

优选地，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

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

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

优选地，当鼠标划过可定制部件时，可定制部件被高亮。

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

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

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

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

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

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

本发明的有益效果是：

1、通过网页利用蒙板选取商品部件的方法，用户可根据需要选择不同的部件，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性，并且利用蒙板技术还能实现在网页上高亮显示选取不规则区域的效果。

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

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

附图说明

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

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

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

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

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

图5示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的鞋子的部件的视图；

图6示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的床的部件的视图；

图7示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的眼镜的部件的视图；

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

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

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

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

具体实施方式

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

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

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

步骤102、对商品模型的多个可选取部件进行分色渲染得到多个渲染结果图片；所述对商品模型多个可选取部件进行分色渲染包括：首先为多个可选取部件分别分配不同的纯色；然后根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到一个渲染结果图片。

步骤103、将每个渲染结果图片转化成二维数组保存在一个蒙板文件中；所述二维数组中的每一个数据对应渲染结果图片上的一个点，其中每一个点对应该点上的可选取部件的部件号。其中，所述蒙板文件保存在服务器中，并且可由网页通过javascript代码获得。

步骤104、当通过将鼠标定位在网页中商品模型的可选取部件上选择可选取部件时，分析鼠标的位置数据；所述鼠标的位置数据的获取可通过基于网页的Javascript代码中实现，并且，预先将网页中的鼠标的位置数据与保存在所述蒙板文件中的二维数组的数据对应。

步骤105、通过查询与所述鼠标的位置数据相对应的保存在所述蒙板文件中二维数组的数据获得鼠标处的可选取部件的部件号。通过该部件号，可以确定鼠标所在位置下的可选取部件以便于之后的高亮显示和通过渲染引擎对该部件的渲染。

在另一实施例中，所述方法还包括：为每个可选取组件生成一个透明蒙板文件；根据鼠标的位置数据选择相对应的透明蒙板文件；通过将该透明蒙板文件覆盖在鼠标所选择的可选取部件上，使该可选取部件被高亮。因此，当用户的鼠标在商品模型上划过时，通过对鼠标位置的分析显示不同的蒙板，达到了分别标示的效果。

其中，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件，但本发明不限于此，还可以为任何合适格式的图片文件；所述蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，所述透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。所述蒙板文件的覆盖通过基于网页的Javascript代码实现。

在另一实施例中，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

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

根据鞋子的特点，分析出鞋子可具有7个可选取部件，包括鞋底部件、鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件并为每个部件分配一个用于在服务器中标识该可选取部件的部件号。分别为鞋底部件、鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件分配七种不同的颜色例如，红色、橙色、黄色、绿色、黑色、青色、紫色，然后根据每个可选取部件所分配到的纯色对该可选取部件进行渲染得到一个渲染结果图片，将每个渲染结果图片转化成二维数组保存在一个蒙板文件中。但本实施例不限于此，也可采用其他的颜色对鞋子200的各个可选取部件进行渲染。

同时，为鞋子的7个可选取部件分别生成对应的7个透明蒙板文件；其中，每个蒙板文件包括与该可选取部件对应的所需要高亮显示的区域，并且每个透明蒙板文件的所需要高亮显示的区域的大小和形状与对应的商品模型的可选取部件的形状相同；每个透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。

通过Javascript技术在网页中显示商品和这些可选取部件的模型。当用户希望选择鞋帮部件时，将鼠标移至鞋帮部件。通过基于网页的Javascript代码获得鼠标的位置数据查询出蒙板文件中的与鼠标的位置数据相对应的二位数组中的数据，从而得到与二位数组的数据相对应的点上的鞋帮部件的部件号，从而实现了通过网页对服务器中的鞋帮部件的选择，同时，通过基于网页的Javascript代码将与鞋帮部件的部件号对应的透明蒙板文件覆盖在鞋帮部件上。该透明蒙板文件的不透明部分就是整个鞋帮部件形状，并且该透明蒙板文件的不透明部分正好覆盖在整个鞋帮部件上，因此，实现了通过网页对服务器中的鞋帮部件的选择并高亮显示鞋帮部件。

以此类推，当鼠标划过鞋子的不同部件时，可显示不同形状但颜色统一的蒙板，从而达到分别标示的效果。

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

图5示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的鞋子的部件的视图。与图2a-2c所示的第一实施例相比，图5所示的第二实施例的不同之处在于，为鞋子的7个可选取部件分别生成对应的7个透明蒙板文件；每个蒙板文件包括与该可选取部件对应的所需要高亮显示的区域，并且每个透明蒙板文件的所需要高亮显示的区域的大小和形状与对应的商品模型的可选取部件的形状相同，其中，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

通过Javascript技术在网页中显示商品和这些可选取部件的模型。当用户希望选择鞋帮部件时，将鼠标移至鞋帮部件。通过基于网页的Javascript代码获得鼠标的位置数据查询出蒙板文件中的与鼠标的位置数据相对应的二位数组中的数据，从而得到与二位数组的数据相对应的点上的鞋帮部件的部件号，从而实现了通过网页对服务器中的鞋帮部件的选择，同时，通过基于网页的Javascript代码将与鞋帮部件的部件号对应的透明蒙板文件覆盖在鞋帮部件上。该透明蒙板文件的不透明部分就是鞋帮部件形状的边缘，并且该透明蒙板文件的不透明部分正好覆盖在鞋帮部件的边缘上，因此，实现了通过网页对服务器中的鞋帮部件的选择并高亮显示鞋帮部件的边缘。

但本发明不限于此，本发明的通过网页利用蒙板选取商品部件的方法可应用于选择各种商品的部件，例如，服装、鞋子、家具等。图6例示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的床的部件的视图；图7例示出了根据本发明的通过网页利用蒙板选取商品部件的方法的第二实施例选择的眼镜的部件的视图；它们的具体实现方法如上所述，在此不再详述。

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

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

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

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

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

步骤803、通过网页利用蒙板选取商品模型的可定制部分，并选择所述可定制部分的可定制部件。优选地，当鼠标在可定制部分上时，可定制部分被高亮。

为了选择商品的可定制部分，需要预先通过蒙板技术对所述商品3D模型的不同部分进行分色渲染，将渲染得到的图片转化为二维数组并将其保存在一个蒙板文件中，其中，所述二维数组中的每一个数据对应渲染得到的图片上的一个点，每一个点对应该点上的可定制部分的编号。同时，为每个可定制部分生成一个透明蒙板文件。

接着，分析鼠标的位置数据，通过与所述鼠标的位置数据相对应的预先保存的二维数组的数据获得鼠标处的可定制部分的编号，并通过基于网页的Javascript代码将与可定制部分的编号对应的透明蒙板文件覆盖在该可定制部分上，使该可定制部分被高亮。其中，所述鼠标的位置数据的获取和蒙板文件的覆盖可通过基于网页的Javascript代码中实现。

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

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

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

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

下面仅以鞋为例对本发明的具体实施例进行描述。图9为根据本发明的通过网页在线拼装定制方法定制的鞋子3D的示意图。通过参考图9具体描述定制鞋子的过程。

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

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

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

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

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

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

Claims (18)

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

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

对商品模型的多个可选取部件进行分色渲染得到多个渲染结果图片；

将每个渲染结果图片转化成二维数组保存在一个蒙板文件中；

当通过将鼠标定位在网页中商品模型的可选取部件上选择可选取部件时，分析鼠标的位置数据；

通过查询与所述鼠标的位置数据相对应的保存在所述蒙板文件中二维数组的数据获得鼠标处的可选取部件的部件号。

2.根据权利要求1所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述对商品模型多个可选取部件进行分色渲染包括：

为多个可选取部件分别分配不同的纯色；

根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到一个渲染结果图片。

3.根据权利要求2所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述二维数组中的每一个数据对应渲染结果图片上的一个点，其中每一个点对应该点上的可选取部件的部件号。

4.根据权利要求2所述的通过网页利用蒙板选取商品部件的方法，其特征在于，预先将网页中的鼠标的位置数据与保存在所述蒙板文件中的二维数组的数据对应，所述鼠标的位置数据通过基于网页的Javascript代码获得。

5.根据权利要求1所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述方法还包括：

为每个可选取组件生成一个透明蒙板文件；

根据鼠标的位置数据选择相对应的透明蒙板文件；

通过将该透明蒙板文件覆盖在鼠标所选择的可选取部件上，使该可选取部件被高亮。

6.根据权利要求5所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述透明蒙板文件的覆盖通过基于网页的Javascript代码实现。

7.根据权利要求5所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件。

8.根据权利要求7所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述透明蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，并且该区域的大小和形状与对应的可选取部件的形状相同。

9.根据权利要求8所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。

10.根据权利要求8所述的通过网页利用蒙板选取商品部件的方法，其特征在于，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

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

根据定制商品的三维模型，分解出商品的可定制部分以及可定制部分的可定制部件；

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

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

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

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

12.根据权利要求11所述的通过网页在线拼装定制方法，其特征在于，当鼠标划过可定制部件时，可定制部件被高亮。

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

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

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

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

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

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

Images