[发明专利]一种3Dweb模型线上展示方法及系统

说明书

本发明涉及三维模型显示的技术领域，更具体地说，它涉及一种3Dweb模型线上展示方法，其技术方案要点是：获取三维模型并对其格式进行转换、创建与配置场景、建立与编辑事件、存储模型数据、材质编辑和渲染展示，还提供了一种3Dweb模型线上展示系统，用于实现展示方法的各个步骤。本发明可以对产品的三维模型进行线上展示预览，并对其尺寸规格可视化交互，具有适用性广、读取速度快和用户体验度高的优点。

技术领域

本发明涉及三维模型显示的技术领域，更具体地说，它涉及一种3Dweb模型线上展示方法及系统。

背景技术

三维模型的创建可以更加具体化地让用户看到直观化地看到产品的细节，随着三维模型的技术创新，越来越多的功能集中于一身，例如CAD、Solidworks等，用户基于这些软件不仅仅可以看到产品各视图的外观，也可以看到剖开后的内部结构，让用户通过三维模型更加了解产品的内部结构部件。

但是这些软件所需的计算机配置要求较高，软件有时只能同时打开两个模型，甚至有时只能打开一个模型，读取的时间较长，且只能在原有的本地电脑安装相关软件模型预览，无法进行线上展示预览，不利于用户的体验。

发明内容

针对现有技术存在的不足，本发明的目的在于提供一种3Dweb模型线上展示方法及系统，可以对产品的三维模型进行线上展示预览，并对其尺寸规格可视化交互，具有适用性广、读取速度快和用户体验度高的优点。

本发明的上述技术目的是通过以下技术方案得以实现的，一种3Dweb模型线上展示方法，包括以下步骤：

获取三维模型，并将该所述三维模型的原有格式转换成ThreeJS平台的可读格式；

在ThreeJS平台中创建场景，并对所述场景进行配置；

基于所述场景，建立事件，通过控制器对所述事件进行命令编辑，以生成模型浏览命令和二维图形展示标签；

将所述三维模型导入至所述事件中，所述事件自动读取该所述三维模型的模型数据，并将所述模型数据储存至平台数据库中；

基于所述模型数据，用户可对所述三维模型的材质进行编辑；

获取编辑完成的材质，通过着色器对所述三维模型进行渲染展示。

在其中一个实施例中，所述在ThreeJS平台中创建场景，并对所述场景进行配置的步骤具体还包括以下步骤：

在ThreeJS平台创建所述场景；

对所述场景的网格模型进行配置，所述网格模型包括几何体规格和材质标准；

对所述场景的灯光进行配置，所述灯光包括颜色类型、光源和投影方向；

获取所述网格模型和所述灯光的配置数据，所述场景得以渲染展示。

在其中一个实施例中，所述模型浏览命令执行以下步骤生成：

基于所述场景，结合html标签对所述事件进行绑定；

JavaScript与jQuery基于绑定后的所述事件，获取相应的dom元素；

基于所述dom元素，生成所述模型浏览命令。

在其中一个实施例中，所述模型浏览命令包括切除、动画、等距视图、边线、着色、着色加线框、全屏展示、屏幕相图、模型方向、模型拆解、案例拆解和标签注释。

在其中一个实施例中，所述二维图形展示标签执行以下步骤进行生成：

获取所述三维模型的二维图纸；

将所述二维图纸转换为网页可读格式，并将其导入至网页中；