[发明专利]一种基于WEB端四方连接技术的三维展示方法

说明书

本发明公开了一种基于WEB端四方连接技术的三维展示方法，包括以下步骤：A：利用3D建模软件创建产品的3D模型；B：按照平展UV的方式展开UV，在三维软件中自绘格子纹理；C：将各个模型及材质文件导入threeJS语言的开发软件中，通过自制的编译程序代码实现UV框意外的纹理能够正常重复显示，之后将已经制作完成第四方连续贴图和模型的UV信息；D：利用threeJS语言的开发软件，通过模型灯光、贴图材质资源文件、场景资源的相关信息和材质资源的相关信息；E：通过WEB端窗口，测试四方连续贴图是否能正常表现；F：在确认WEB端可视化无任何问题。本发明的有益效果是：能够用较少的资源和较短的时间体现重复性质的纹理，真实还原服装对条对缝。

技术领域

本发明涉及WEB端计算机三维技术领域，具体为一种基于WEB端四方连接技术的三维展示方法。

背景技术

四方连续是出在装饰画种的,有单独纹样,二方连续,四方连续,适合纹样 一般四方连续是四个相同的图案,按照一定规则排列起来的。可以中心线对称排列,水平线对称排列,中心点排列等等，目前市面上的四方连续技术，在面对格子或者条纹纹理时无法和真实服装匹配。

发明内容

本发明的目的在于提供一种基于WEB端四方连接技术的三维展示方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：一种基于WEB端四方连接技术的三维展示方法，包括以下步骤：

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

B：按照平展UV的方式展开UV，在三维软件中自绘格子纹理，调整UV在贴图中的摆放位置，使得格子纹理对条对缝，从而保证UV大小的一致；

C：将各个模型及材质文件导入threeJS语言的开发软件中，通过自制的编译程序代码实现UV框意外的纹理能够正常重复显示，之后将已经制作完成第四方连续贴图和模型的UV信息并上传到互联网服务器中存储；

D：利用threeJS语言的开发软件，通过模型灯光、贴图材质资源文件、场景资源的相关信息和材质资源的相关信息，进行用户交互截面的设计及脚本代码的设计；

E：通过WEB端窗口，测试四方连续贴图是否能正常表现，如若发现不能正常显示，则返回C步骤检查；

F：在确认WEB端可视化无任何问题，将所有文件上传服务器，通过外网即可访问四方连续贴图模型。

优选的，所述步骤C中自制编译程序代码的相连规则为上下相连，左右相连，无线向周围重复扩展。

优选的，所述步骤D中，设计方案根据不同方位的不见，设计多个UI界面个缩略图示，并通过模拟用户行为设计出合理的交互，通过threeJS代码并编译成基于WER端可查看的页面，使得四方联系贴图可视化。

与现有技术相比，本发明的有益效果是：

1、通过四方连续贴图还原布料真实感。YV信息使其能够在模型上显示

2、通过合理的布局整个界面，使其模型和UI表现最优化；

3、用较少的资源和较短的时间体现重复性质的纹理，真实还原服装对条对缝。

附图说明

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

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

具体实施方式