[发明专利]一种基于WebGL的网页端三维模型编辑方法

权利要求书

1.一种基于WebGL的网页端三维模型编辑方法，其特征在于，所述三维模型编辑方法包括：第一步、将用于源文件的FBX进行标准化处理，具体包括以下步骤：

S1 将FBX中的复合材质模型网格按材质进行拆分；

S2 将FBX所有材质转化为标准材质；

S3 为FBX中没有材质的网格赋予新材质；

S4 为FBX中缺失UV通道一的网格生成UV通道一信息；

S5 为FBX添加重置变换，将FBX中点归零；

S6 将FBX中网格和材质进行统一命名，统一命名后的每个网格和材质的名称具有唯一性；

S7 将步骤S6标准化后的FBX文件导出并保存；

S8 对步骤S7导出的FBX文件的模型网格进行减面压缩优化；

第二步、利用JavaScript程序，通过three.js框架，将第一步产生的FBX文件加载到内存，读取模型数据，并与界面UI关联，然后在支持WebGL的浏览器页面中显示FBX模型，具体包括以下步骤：

S1初始化，初始化浏览器页面和three.js环境，添加UI交互函数，加载标准材质库和标准贴图库；

S2解析模型，通过three.js框架和FBX加载器将第一步产生的FBX文件加载到内存，解析FBX文件中的网格和材质数据并存储到内存，将解析到的网格和材质数据与页面UI函数进行关联，得到解析后的FBX模型；

S3展示模型，为模型添加基本控制器并通过three.js框架将上述解析模型得到的FBX模型渲染到页面；

第三步、通过界面UI对模型进行控制和对材质进行修改，具体包括以下步骤：

S1选中材质，通过鼠标点击模型或材质列表选中单个材质；

S2替换选中材质，从标准材质库选取对应材质替换选中材质；

S3修改材质，通过UI对选中材质的属性进行修改，颜色可通过择色板进行修改，贴图可从标准贴图库选择或自行上传，数值可拖拽修改或直接输入修改，修改的同时保存修改信息；

S4赋予新材质，多个网格共用一个材质时，右击模型，弹出分离材质UI，点击可对选中网格赋予新材质，这样可将多个网格分别赋予新的材质以便做更细致的材质编辑，赋予的新材质可进行上述S1、 S2 、S3操作；

第四步、将修改数据提交到后台进行自动化处理。

2.根据权利要求1所述的一种基于WebGL的网页端三维模型编辑方法，其特征在于，所述第三步还包括：S5修改尺寸，通过修改尺寸UI可对模型原始尺寸进行等比修改。

3.根据权利要求1所述的一种基于WebGL的网页端三维模型编辑方法，其特征在于，所述第四步包括：

S1格式化修改数据，将保存的修改信息格式化成JSON格式数据；

S2提交数据，通过调用后台服务接口将格式化后的JSON格式数据提交到后台。