[发明专利]一种基于WEB端3D模型的双重UV叠加显示方法

说明书

本发明公开了一种基于WEB端3D模型的双重UV叠加显示方法,包括以下步骤：A：利用3D建模软件创建实物产品的3D模型；B：将3D模型按照四方连续贴图制作方式展开第一套UV；C：按照灯光贴图制作方式展开第二套UV，按照次世代方式制作法线贴图，利用灯光烘培出灯光贴图；D：将各个模型及贴图文件导入引擎代码编译软件中并使用threeJS自制引擎实现两套UV的双重叠加效果显示，并基于贴图内容通过特殊步骤编译成基于WEB端可查看的页面，本发明的有益效果是：解决了使用四方连续贴图导致显示比较平均的问题。

技术领域

本发明涉及WEB端计算机三维技术领域，具体为一种基于WEB端3D模型的双重UV叠加显示方法。

背景技术

四方连续是出在装饰画种的,有单独纹样,二方连续,四方连续,适合纹样，一般四方连续是四个相同的图案,按照一定规则排列起来的。可以中心线对称排列,水平线对称排列,中心点排列等等，目前市面上关于四方连续的使用方法局限在一套UV，显示较为平均，无法添加细节及光影。

发明内容

本发明的目的在于提供一种基于WEB端3D模型的双重UV叠加显示方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：一种基于WEB端3D模型的双重UV叠加显示方法,包括以下步骤：

A：利用3D建模软件创建实物产品的3D模型；

B：将3D模型按照四方连续贴图制作方式展开第一套UV；

C：按照灯光贴图制作方式展开第二套UV，按照次世代方式制作法线贴图，利用灯光烘培出灯光贴图；

D：将各个模型及贴图文件导入引擎代码编译软件中并使用threeJS自制引擎实现两套UV的双重叠加效果显示，并基于贴图内容通过特殊步骤编译成基于WEB端可查看的页面。

优选的，在步骤D中，所述特殊步骤具体图下：

第一步：将单张贴图分别贴上对应的UV框；

第二步：形成的纹理和灯光贴图整体覆盖至模型上；

第三步：布置可视化环境；

第四步：调整模型和可视化环境，使之表现最优化；

第五步：通过后台代码编译成基于WEB端可查看的页面。

与现有技术相比，本发明的有益效果是：解决了使用四方连续贴图导致显示比较平均的问题。

附图说明

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

图1为本发明步骤流程图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1，本发明提供一种技术方案：一种基于WEB端3D模型的双重UV叠加显示方法,包括以下步骤：

A：利用3D建模软件创建实物产品的3D模型；

B：将3D模型按照四方连续贴图制作方式展开第一套UV；

C：按照灯光贴图制作方式展开第二套UV，按照次世代方式制作法线贴图，利用灯光烘培出灯光贴图；