一种三维购物平台显示界面的用户编辑方法

摘要

本发明公开了一种三维购物平台显示界面的用户编辑方法，属于显示界面的编辑方法，三维购物平台通过一三维购物平台显示系统显示于移动终端上，三维购物平台显示系统包括三维模型；用户编辑方法具体包括如下步骤：S1.三维购物平台显示系统进入用户编辑模式；S2.三维购物平台显示系统通过指点装置获取使用者于图像显示界面的编辑操作；S3.根据编辑操作，三维购物平台显示系统通过设置单元调整基础数据；S4.三维购物平台显示系统根据修改后的基础数据和模型单元组合成新的三维模型，并于图像显示界面内显示新的图像数据。本发明的有益效果是：实现了用户对三维购物平台显示界面的可编辑性，增加了用户的购物体验。

说明书

技术领域

本发明涉及一种购物平台显示界面的编辑方法，尤其涉及一种三维购物 平台显示界面的用户编辑方法。

背景技术

随着计算机技术和网络技术的快速发展，通过网络购物平台，足不出户 的购物方式已广为接受，并成为拉动消费的新经济增长点。相对于传统的购 物方式，通过网络平台的购物方式，有很多优势。例如在通过网络平台购物 时，只需在网络平台上输入所需的产品，就能够非常快捷地查找到与之相关 的产品，进行选择和比较，而传统的实体店式购物方式往往不能做到这一点。 在耗费大量时间和精力后，可能并不能找到所需的产品。

现有的网络购物平台，通常采用的都是一种二维平面的显示方式。这种 显示方式具有一定的直观性，能够使用户相对快捷地获得关于网络平台，网 上商店以及产品的信息。但是另一方面，这种显示信息的方式也存有缺陷。 比如，由于这种显示方式只是一种平面化的显示方式，通常只能通过图片和 文字，以注释方式进行说明，因此这种方式并不能完整地将产品的信息呈现 给用户，例如产品的立体外观。这就影响了用户对商品的完整理解，容易导 致关于产品的误解。再如，现有的网络购物平台，由于采用的是二维平面的 显示方式，这种显示方式通常都会存在如页面切换等，因此容易造成使用者 在购物过程不连贯的感受，难以给用户带来一种真实的购物体验。另一方面， 用户通过二维显示界面进行网络购物，需要通过按键或者触摸屏输入搜索指 令，并采用鼠标点击或者触摸屏点击的方式选择商品进行查看或购买等操作， 操作较为繁复。

专利申请文本（CN102405485A）公开了一种立体显示系统，涉及一种 能够通过根据诸如字符、图像、图表和电影的二维对象编辑三维对象来以立 体形式显示文档以将其输出到立体图像显示单元的立体显示系统。根据本发 明的实施方式的立体显示系统包括：二维对象编辑单元，用于编辑字符、图 像、图表和电影；三维对象编辑单元，用于根据输入的二维对象编辑具有预 定的双眼像差的三维对象；三维对象存储单元，在该三维对象存储单元中存 储所述三维对象；以及立体图像显示单元，用于输出在所述三维对象存储单 元中存储的所述三维对象。上述的专利申请技术是一种通过对二维图像的编 辑实现三维呈现的方法，其中并未涉及对三维购物平台的创建，同时也未涉 及对显示界面的具体编辑方法。

专利公开文本（CN101178817A）公开了一种基于三维场景内三维信息 演示文档的实现方法。其中包括启动三维图形渲染引擎加载场景模版库，物 件库并进行实时渲染；使用基于雷达法的视锥场景剔除法加速实时渲染效率； 通过三维幻灯片生成设置系统设置三维演示文档；通过文字输入编辑系统在 三维幻灯片内进行文字输入编辑；通过文字输入编辑系统在三维幻灯片内进 行文字输入编辑；通过稀少纹理类处理系统进行文字清晰化处理；将三维幻 灯片连接成三维演示文档；通过三维演示文档内容格式接口将三维演示文档 内容保存成特定格式。上述的专利申请技术是在三维场景下的三维信息演示 文档的实现方法，但是其中并不涉及通过三维图形实现网络购物平台的方法， 也未涉及对三维界面的编辑方法。

发明内容

针对以上所述的技术问题，本发明提供了一种三维购物平台显示界面的 用户编辑方法，以实现在三维购物平台显示界面上的用户可编辑性。

具体技术方案如下所示：

一种三维购物平台显示界面的用户编辑方法，所述三维购物平台通过一 三维购物平台显示系统显示于移动终端上；其中，所述三维购物平台显示系 统包括三维模型；

还包括显示模块，所述显示模块定义有一个预定大小的图像显示界面； 所述图像显示界面设置于一设有指点装置的所述移动终端的显示装置上；

还包括存储模块，所述存储模块中预设有所述三维购物平台的模型单元， 以及用于组合所述三维模型的基础数据；所述三维购物平台显示系统根据所 述基础数据和所述模型单元组合成不同的所述三维模型；

所述三维购物平台显示系统还包括编辑模块，所述编辑模块包括用于设 置所述基础数据的设置单元；

所述三维购物平台显示界面的用户编辑方法具体包括如下步骤：

步骤1.所述三维购物平台显示系统进入用户编辑模式；

步骤2.所述三维购物平台显示系统通过所述指点装置获取使用者于所述图 像显示界面的编辑操作；

步骤3.根据所述编辑操作，所述三维购物平台显示系统通过所述设置单元调 整所述基础数据；

步骤4.所述三维购物平台显示系统根据修改后的所述基础数据和所述模型 单元组合成新的三维模型，并于所述图像显示界面内显示新的图像数据。

优选的，所述三维购物平台显示系统的存储模块本地存储有用于与所述 模型单元组合成三维模型的基础数据。

优选的，所述三维购物平台显示系统还包括一个通信模块；所述三维购 物平台通过所述通信模块与外部服务器远程连接；

所述外部服务器存储有不同移动终端的终端信息；所述终端信息包括所 述移动终端的终端标识，以及与所述终端标识相对应的基础数据。

优选的，所述显示模块于所述用户显示界面上定义有一用于接收用户选 择指令的操作区域；

所述步骤1具体包括：

步骤11.所述操作区域通过所述指点装置获得用户选择指令；

步骤12.所述三维购物平台显示系统根据所述用户指令进入用户编辑模式。

优选的，所述指点装置包括轨迹判断部件，所述指点装置通过所述轨迹 判断部件判断所述编辑操作的操作轨迹方向。

优选的，所述编辑模块还包括一演示单元，所述步骤4具体包括如下步 骤：

步骤41.所述三维购物平台显示系统根据修改后的所述基础数据和所述模型 单元组合成新的三维模型；

步骤42.所述三维购物平台显示系统通过所述演示单元于所述图像显示界面 中以预设方式表现所述新的三维模型上模型单元位置的变化。

优选的，所述图像显示界面上设有多个对应于所述三维模型上模型单元 的识别区；

当所述指点装置判断所述编辑操作位于所述识别区内且所述编辑操作的 操作轨迹满足第一预设操作，所述三维购物平台显示系统通过所述设置单元 改变所述基础数据，从而于所述三维模型上删除对应所述识别区的模型单元， 以及相应调整所述图像显示界面内其他模型单元于所述三维模型上的位置；

优选的，所述图像显示界面上设有多个对应于所述模型单元显示区域的 识别区；

当所述指点装置判断所述编辑操作位于所述识别区之间且其操作轨迹满 足第二预设操作，所述三维购物平台显示系统通过所述设置单元改变所述基 础数据，从而于所述三维模型上对应所述识别区之间的相应位置增加模型单 元的，以及相应调整所述图像显示界面内其他模型单元于所述三维模型上的 位置。

优选的，所述三维模型上以行列方式排列所述模型单元；所述步骤42 中的预设方式为，当所述三维购物平台显示系统删除所述三维模型上的模型 单元时，

被删除模型单元所属同一列中且位于所述被删除模型单元后面的模型单 元向前移动预定距离；或

被删除模型单元所属同一列中且位于所述被删除模型单元前面的模型单 元向后移动预定距离；或

被删除模型单元所属同一行中且位于所述被删除模型单元左面的模型单 元向右移动预定距离；或

被删除模型单元所属同一行中位于所述被删除模型单元右面的模型单元 向左移动预定距离。

优选的，所述三维模型上以行列方式排列所述模型单元；所述步骤42 中的预设方式为，当所述三维购物平台显示系统增加所述三维模型上的模型 单元时，

增加的模型单元所属同一列中且位于所述增加的模型单元后面的模型单 元向后移动预定距离；或

增加的模型单元所属同一列中且位于所述增加的模型单元前面的模型单 元向前移动预定距离；或

增加的模型单元所属同一行中且位于所述增加的模型单元左面的模型单 元向左移动预定距离；或

增加的模型单元所属同一行中且位于所述增加的模型单元右面的模型单 元向右移动预定距离。

优选的，所述第一预设操作为所述编辑操作的操作轨迹方向向下。

优选的，所述第二预设操作为所述编辑操作的操作轨迹方向向上。

本技术方案的有益效果是：

方便用户根据自己的需要，通过终端设备对三维购物平台的显示界面进 行按需设置，实现了用户对三维购物平台显示界面的可编辑性，从而能够简 化三维购物平台显示界面，减少不必要的购物操作步骤，方便了用户对三维 购物平台的使用，增加了用户的购物体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实 施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面 描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲， 在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明的实施例中一种三维购物平台显示系统的结构示意图；

图2为本发明的实施例中一种三维购物平台显示界面用户编辑方法的步 骤示意图；

图3-图6分别是本发明的实施例中一种三维购物平台显示界面用户编辑 方法的删除模型单元的过程的示意图；

图7-图9分别是本发明的实施例中一种三维购物平台显示界面用户编辑 方法的增加模型单元的过程的示意图。

具体实施方式

下面结合附图和具体实施例对本发明作进一步说明，但不作为本发明的 限定。

本发明的一种实施例公开了一种三维购物平台显示界面的用户编辑方 法，其中的三维购物平台通过一种三维购物平台显示系统显示于移动终端上， 移动终端包括如手机、笔记本、平板电脑等处理设备。如图1所示，其中上 述的三维购物平台显示系统中包括有一个显示模块，还可以包括一个动作捕 捉模块和视角切换模块；视角切换模块分别连接显示模块和动作捕捉模块。

显示模块用于定义有一个预定大小的图像显示界面于移动终端的显示界 面上，将三维购物平台呈现于用户，使用户能够获得三维视觉效果的购物体 验。图像显示界面设置于一设有指点装置的移动终端的显示装置上，其大小 可以根据用户的设置调整，最大为移动终端显示装置屏幕的大小。

动作捕捉模块用于根据使用者的操作动作，改变图像显示界面与三维模 型的相对位置，例如通过输入装置输入的操作动作。通过向视角切换模块发 送相应的视角切换控制指令，改变三维模型于图像显示界面中的呈现。

收到动作捕捉模块发送的视角切换控制指令后，视角切换模块可以采用 预置策略调整三维模型，并在图像显示界面内显示模型单元于图像显示界面 所在平面不同状态时的投影，从而实现了在三维购物平台下用户视角的转换。 这种三维环境下的用户视角的转换，如镜头的缩放和对三维模型对象的旋转 等视角转化，有别于传统二维显示平面下，通过页面切换的表现形式，更能 增加用户购物体验的真实感。

三维购物平台显示系统中还包括有存储模块。存储模块中预设有三维购 物平台的模型单元。这种模型单元对于移动终端的用户来说，通常是固定不 可更改的，而厂商则可以根据需要，对这种模型单元进行相应的更新调整。 在一种三维购物平台中，这种模型单元通常对应于网络平台中的商店。其也 可以不限于商店，如影院、医院、银行等都可与之对应。此外，其还可以对 应于一些装饰性的实体，例如，喷水池、花木等，以增加三维购物平台的视 觉效应。存储模块中还包括有用于将上述的模型单元组合以形成具体三维模 型的基础数据。与上述的模型单元不同，这种基础数据对于用户来说，是可 编辑的，也正是通过这种可编辑的基础数据，使移动终端的用户得以实现对 三维购物平台显示界面的编辑。三维购物平台显示系统根据基础数据和模型 单元组合定义成不同的三维模型，进而将这种三维模型显示于移动终端的显 示界面。需要说明的是本发明的三维模型是一虚拟的三维模型，是对于三维 物体的描述，其并非实际存在的。

三维购物平台显示系统还包括一个通信模块；三维购物平台通过通信模 块与外部服务器远程连接。外部服务器存储有不同移动终端的终端信息。终 端信息包括移动终端的终端标识，以及与终端标识相对应的基础数据。由于 每个移动终端上，用户编辑后的基础数据均不同，因此显示的三维模型也不 同。外部服务器需要根据不同的移动终端的终端标识，分别对应与之相应的 基础数据，从而三维购物平台显示系统可以通过该通信模块将基础数据存储 到外部服务器中进行远程备份，并选择从外部服务器中读取存储的基础数据。

三维购物平台显示系统的存储模块本地存储有用于与模型单元组合成三 维模型的基础数据。这样就可以在移动终端无法连接外部服务器的情况下， 通过本地存储的基础数据实现三维模型的组合创建。

三维购物平台显示系统还包括编辑模块，编辑模块包括用于设置基础数 据的设置单元。通过该编辑模块，可以实现根据用户的编辑操作对基础数据 的修改，从而起到编辑三维模型的作用。

如图2，在本发明的一种具体例中，三维购物平台显示界面的用户编辑 方法具体包括如下步骤：

步骤1.三维购物平台显示系统进入用户编辑模式；

步骤2.三维购物平台显示系统通过指点装置获取使用者于图像显示界 面的编辑操作；

步骤3.根据编辑操作，三维购物平台显示系统通过设置单元调整基础数 据；

步骤4.三维购物平台显示系统根据修改后的基础数据和模型单元组合 成新的三维模型，并于图像显示界面内显示新的图像数据。

在上述步骤1中，有一种可选的实施方式，即显示模块于用户显示界面 上定义有一用于接收用户选择指令的操作区域，当三维购物平台显示系统通 过指点装置感应到用户在该区域进行了选择操作，就会根据用户的选择指令， 进入用户编辑模式，具体进行后续的对三维购物平台显示界面的编辑过程。

在上述实施方式的基础上，有一种优选的实施方式，即在进入用户编辑 模式之前，选择三维模型进行编辑。在本发明的三维购物平台中，三维模型 可以包括所有模型单元，即对应与三维购物平台来说，所有的商店均设置在 一个街区中，进而通过视角切换模块的缩放或旋转功能，进行选择操作。但 这种设置方式存在的问题在于，可能会造成移动终端的系统资源，如内存资 源开销过大。因此，可以设置多个三维模型使每个三维模型形成一个街区， 对商店进行分类管理。这样不但能够有效地降低系统资源开销，也能够使用 户实现对街区的有效管理，方便购物操作。如将对应于一个街区对应的三维 模型设置为服装类街区，而将另一个街区对应的三维模型设置为食品类街区。 街区和街区之间的切换可以通过场景切换的方式进行。因此，根据这种设置 方式，就可以有相应的进入用户编辑模式的方式，即首先通过场景切换，选 择需要进行用户编辑的三维模型，然后通过在显示界面上操作区域的用户选 择指令，进入用户编辑模式，对当前三维模型进行用户编辑。

对于上述的步骤2，有一种可选的实施方式，即指点装置包括轨迹判断 部件，指点装置通过轨迹判断部件判断编辑操作的操作轨迹方向。因此，三 维购物平台显示系统可以通过指点装置获得使用者编辑操作的位置信息以及 编辑操作的轨迹信息。

对于上述的步骤3，有一种可选的实施方式，即在图像显示界面上设有 多个对应于三维模型上模型单元的识别区。该识别区用于判断用户的编辑操 作所处的位置，进而进行后续的编辑操作。

如果用户认为不再需要模型单元所对应的“商店”时，如“商店”中的 商品不是自己需要经常关注的，就可以在对应“街区”的三维模型中删除该 模型单元。当需要对三维模型上的模型单元进行删除操作时，可以判断编辑 操作是否满足预设的删除条件。具体来说，三维购物平台显示系统可以是通 过指点装置判断用户的编辑操作是否位于识别区内且编辑操作的操作轨迹满 足第一预设操作。如图3所示，图像显示界面中显示了模型单元1,模型单元 2以及模型单元3。模型单元1对应有由虚线框表示的识别区11，模型单元2 对应有由虚线框表示的识别区21，模型单元3对应有由虚线框表示的识别区 31。如图4所示，箭头表示用户的编辑操作，箭头方向表示其操作方向。三 维购物平台显示系统由指点装置（图中未示出）获得该编辑操作的相关信息， 包括其所处的位置和操作轨迹。对于编辑操作的位置信息，三维购物平台显 示系统可以是通过指点装置判断其起始位置是否处于识别区中，如处于识别 区中，则代表编辑操作位于一个识别区内。如图4所示，由于箭头所表示的 编辑操作，其起始位置位于识别区21内，因此三维购物平台显示系统通过指 点装置判断该编辑操作亦位于识别区21内。对于编辑操作的操作轨迹，则可 以通过指点装置的轨迹判断部件判断其是否满足第一预设操作。较优的，第 一预设操作为编辑操作的操作轨迹方向向下。具体来说，可以是大致竖直向 下的方向。这样对于用户来说，可以通过一种较为形象的向下压的动作，表 示对模型单元的删除操作，当然第一预设操作也可以是其他操作方式。如图 4所示，由于编辑操作的方向如所示箭头的方向，因此其操作轨迹满足第一 预设操作。此时，三维购物平台显示系统就会通过设置单元改变基础数据， 从而于三维模型上删除对应识别区的模型单元，即如图5所示，于三维模型 中删除原模型单元2，并相应调整图像显示界面内其他模型单元于三维模型 上的位置，即如图6所示，一种可选的实施方式是，可以保持模型单元1的 位置不变，而将模型单元3以及位于模型单元3右边的，包括模型单元4在 内的所有模型单元分别左移一个位置。类似的，也可以是保持模型单元3的 位置不变，而将模型单元1以及位于模型单元1左边的所有模型单元分别右 移一个位置。以上所述的调整方式仅是一种调整模型单元位置的预设方式的 示例，对于本领域技术人员来说，调整模型单元的位置还可以有其他预设方 式，因此本实施例中调整模型单元位置的预设方式并不作为本发明的限制。 关于调整模型单元位置的预设方式，本文还将在后文进行详述。

另一方面，如果用户根据需要，想在对应街区的三维模型中增加相应的 商店，即在三维模型中增加模型单元，以方便每次购物时的操作，就可以进 行模型单元的增加操作。当需要对三维模型上进行增加模型单元的操作时， 可以通过指点装置判断编辑操作是否满足预设的新建条件。具体来说，可以 是通过指点装置判断编辑操作位于识别区之间且其操作轨迹满足第二预设操 作。如图7所示，图像显示界面中显示了模型单元5和模型单元6。模型单 元5对应有由虚线框表示的识别区51，模型单元6对应有由虚线框表示的识 别区61。如图8所示，箭头表示用户的编辑操作，箭头方向表示其操作方向。 与上述删除操作相同，可以由指点装置通过相同的判断方式获得该编辑操作 的相关信息，包括其所处的位置和操作轨迹。对于编辑操作操作轨迹的方向 是否满足第二预设操作，一种较优的实施方式是，第二预设操作为编辑操作 的操作轨迹方向向上。具体来说，可以是大致竖直向上的方向。这样对于用 户来说，可以通过一种较为形象的向上拉的动作，表示对模型单元的新增操 作，当然第二预设操作也可以是其他操作方式。如图8所示，由于该编辑操 作位于识别区51和识别区61之间，并且其方向信息为如图中箭头方向所示 的竖直向上，满足第二预设操作。因此，三维购物平台显示系统通过设置单 元改变基础数据，从而于三维模型上对应识别区之间的相应位置增加模型单 元，以及相应调整图像显示界面内其他模型单元于三维模型上的位置，即如 图9所示，在模型单元5和模型单元6之间新增加一个模型单元7。一种可 选的实施方式是，模型单元5所处的位置不变化，而由模型单元6以及位于 模型单元6右边的模型单元一起向右移动一个位置。这样，修改后的三维模 型中，新增加了模型单元7，模型单元7对应识别区71。类似的一种实施方 式，也可以是保持模型单元6的位置不变，而将模型单元5以及位于模型单 元5左边的模型单元一起向左移动一个位置。与上述删除操作调整模型单元 的预设操作相同，增加模型单元的调整方式同样有多种预设方式，也会在后 文中详述。

在上述步骤4中，在一种具体实施方式中，三维模型以行列方式排列模 型单元，这种行列排设方式也构成了三维模型上模型单元相互之间的位置关 系。在上述的具体实施方式中，当三维购物平台显示系统删除三维模型上的 模型单元时，三维购物平台显示系统可以有四种预设方式，分别为根据被删 除模型单元所处行列中的位置，将被删除模型单元所属同一列中且位于其后 面的模型单元向前移动预定距离，或被删除模型单元所属同一列中且位于其 前面的模型单元向后移动预定距离，或被删除模型单元所属同一行中且位于 其左面的模型单元向右移动预定距离，或被删除模型单元所属同一行中位于 其右面的模型单元向左移动预定距离。较优的，该预定距离通常可以是一个 模型单元的位置，以填补被删除的模型单元，从而保持整个三维模型的紧凑。 相应的，当需要在三维购物平台显示系统增加三维模型上的模型单元时，也 可以有四种类似的预设方式，即分别为根据增加的模型单元所处行列中的位 置，将增加的模型单元所属同一列中且位于其后面的模型单元向后移动预定 距离，或将增加的模型单元所属同一列中且位于其前面的模型单元向前移动 预定距离，或将增加的模型单元所属同一行中且位于其左面的模型单元向左 移动预定距离，或将增加的模型单元所属同一行中且位于其右面的模型单元 向右移动预定距离。

在上述的具体实施方式中，还有一种较优的实施方式。编辑模块中设置 有一演示单元，三维购物平台显示系统通过演示单元在图像显示界面中以预 设方式表现经过修改后新的三维模型上模型单元位置的变化。演示单元的表 现方式可以包括有两种。一种是即时刷新式更新，用以将通过编辑形成的新 的三维模型直接呈现在移动终端的显示装置上；另一种可以是动态的移动式 更新。即，通过设定在每个单位时间内，需要移动的模型单元的移动距离， 使每个模型单元开始移动后能在一个时间周期内，完成向预定目标移动，从 而将编辑后的三维模型的变化，按照单位时间段的划分，以一种动态显示的 方式呈现移动距离。

本发明的一种三维购物平台显示界面的用户编辑方法，方便用户根据自 己的需要，通过终端设备对三维购物平台的显示界面进行按需设置，实现了 用户对三维购物平台显示界面的可编辑性，从而能够简化三维购物平台显示 界面，减少不必要的购物操作步骤，方便了用户对三维购物平台的使用，增 加了用户的购物体验，具有广泛的应用前景。

以上所述仅为本发明较佳的实施例，并非因此限制本发明的实施方式及 保护范围，对于本领域技术人员而言，应当能够意识到凡运用本发明说明书 及图示内容所作出的等同替换和显而易见的变化所得到的方案，均应当包含 在本发明的保护范围内。