System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于WebGL的云端模型虚拟映射方法及系统技术方案_技高网

一种基于WebGL的云端模型虚拟映射方法及系统技术方案

技术编号:41087292 阅读:4 留言:0更新日期:2024-04-25 13:48
本发明专利技术公开了一种基于WebGL的云端模型虚拟映射方法及系统,首先运用WebGL技术在浏览器中构建三维可视化交互界面,设置相互连接的Golang后端服务器和Mongodb数据库,进行数据交互;在云端模型虚拟映射时,在三维可视化交互界面中输入交互请求,Golang后端服务器提供对应的API功能接口,Golang后端服务器根据交互请求调用API功能接口的API处理函数进行处理,然后再将处理结果返回给三维可视化交互界面进行展示,同时将处理结果发送至Mongodb数据库进行存储。本发明专利技术实现了资源管理、场景模型编辑和用户界面展示等功能,为数字化产品设计、制造和服务提供了全面的技术支持。

【技术实现步骤摘要】

本专利技术涉及工业互联网,具体是一种基于webgl的云端模型虚拟映射方法及系统。


技术介绍

1、随着社会的发展,工业互联网得到了越来越广泛的应用。各种服务于网络协同制造和智能工厂的模型被设计并建模出来。为了实现数字孪生,需要对工厂中的各类机器进行设计建模,但是出现了设计资源利用率低并且经常出现重复设计的情况。而且设计制造服务闭环困难、缺少制造服务数据对涉及的指导。同样的设备经常被重复性建模,对各类资源都是一种浪费。同时,精细化建模与模型参数辨识难、数字标识流程不同意、过程分散、数据碎片化、升级维护难等问题也在困扰着全域一体化的进一步发展使用。


技术实现思路

1、本专利技术要解决的技术问题是提供一种基于webgl的云端模型虚拟映射方法及系统,实现了资源管理、场景模型编辑和用户界面展示等功能,为数字化产品设计、制造和服务提供了全面的技术支持。

2、本专利技术的技术方案为:

3、一种基于webgl的云端模型虚拟映射方法,具体包括有以下步骤:

4、(1)、运用webgl技术在浏览器中构建三维可视化交互界面;

5、(2)、设置golang后端服务器和mongodb数据库,golang后端服务器和mongodb数据库连接进行数据交互,golang后端服务器中构建有多个api功能接口;

6、(3)、云端模型虚拟映射时,首先在三维可视化交互界面中输入交互请求,golang后端服务器接收到交互请求后,提供对应的api功能接口,golang后端服务器根据交互请求调用api功能接口的api处理函数进行处理,然后再将处理结果通过api功能接口返回给三维可视化交互界面进行展示,同时将处理结果发送至mongodb数据库进行存储。

7、所述的运用webgl技术在浏览器中构建三维可视化交互界面的具体步骤为:首先利用html创建出浏览器网页,随后在浏览器网页上利用css定义浏览器网页的显示样式和布局的样式表语言,最后利用javascript和react.js在浏览器网页上构建webgl三维可视化交互界面。

8、所述的webgl三维可视化交互界面构建完成后,采用node.js和electron将webgl三维可视化交互界面打包成桌面应用。

9、所述的三维可视化交互界面内包括有场景构建交互操作按键、场景清理交互操作按键、模型构建交互操作按键、绘制添加交互操作按键、数据备份交互操作按键、数据导出交互操作按键、用户管理交互操作按键、材质构建交互操作按键、光源选择交互操作按键、背景纹理编辑交互操作按键、字体编辑管理交互操作按键和动画音频添加交互操作按键,并在三维可视化交互界面内完成模型的拖拽、旋转、缩放交互操作。

10、所述的场景构建交互操作按键具体包括有场景新建交互操作按键、场景保存交互操作按键、场景导出交互操作按键和场景编辑交互操作按键;所述的模型构建交互操作按键包括有模型文件导入交互操作按键和模型导出交互操作按键;所述的绘制添加交互操作按键包括有基本几何体添加交互操作按键、文字添加交互操作按键、曲线添加交互操作按键、标注添加交互操作按键和相机添加交互操作按键;所述的用户管理交互操作按键包括有用户注册交互操作按键、用户登录交互操作按键和用户权限管理交互操作按键;所述的材质构建交互操作按键包括有材质添加交互操作按键和材质编辑交互操作按键;所述的光源选择交互操作按键包括有环境光交互操作按键、平行光交互操作按键、点光源交互操作按键、聚光灯交互操作按键、半球光交互操作按键和矩形光交互操作按键;所述的字体编辑管理交互操作按键包括有字体转换交互操作按键和字体管理交互操作按键。

11、所述的多个api功能接口包括有场景新建api功能接口、场景保存api功能接口、场景导出api功能接口、场景编辑api功能接口、场景清理api功能接口、模型文件导入api功能接口、模型导出api功能接口、基本几何体添加api功能接口、文字添加api功能接口、曲线添加api功能接口、标注添加api功能接口和相机添加api功能接口、数据备份api功能接口、数据导出api功能接口、用户管理api功能接口、材质添加api功能接口、材质编辑api功能接口、光源添加api功能接口、背景纹理生成api功能接口、字体编辑api功能接口和动画音频添加编辑api功能接口。

12、所述的云端模型虚拟映射的具体步骤为:

13、s31、用户登录:

14、打开支持webgl的浏览器,输入网址,用户输入用户名和密码,golang后端服务器调用用户管理api功能接口,将包含用户数据的登录请求传递给golang后端服务器,用户管理api功能接口调用对应的api处理函数进行用户验证,当通过验证后,将验证结果通过用户管理api功能接口返回给浏览器,用户完成登录操作;

15、s32、创建新场景:

16、通过浏览器进入场景管理界面,点击场景新建交互操作按键,然后填写场景名称和描述,并保存为新场景数据,golang后端服务器调用场景新建api功能接口,将包含新场景数据的新场景创建请求传递给golang后端服务器,场景新建api功能接口调用对应的api处理函数创建新的场景对象,将新的场景对象和新场景数据存入到mongodb数据库中,并将场景创建结果通过场景新建api功能接口返回给浏览器,即完成了场景的创建;

17、s33、添加模型:

18、通过浏览器进入场景编辑界面,点击模型文件导入交互操作按键,选择本地的模型文件并上传,然后将包含模型文件的模型添加请求传递给golang后端服务器,golang后端服务器调用模型文件导入api功能接口,模型文件导入api功能接口调用对应的api处理函数根据该模型文件创建一个模型对象后,再将该模型文件和创建的模型对象存入到mongodb数据库中,随后将模型导入结果通过模型构建api功能接口返回给浏览器,即完成了模型的创建添加;

19、s34、材质编辑:

20、通过浏览器选择模型对象,然后点击材质编辑交互操作按键,打开材质编辑界面,选择并确认材质的类型、颜色和光照参数,编辑完成后,点击材质保存按键,保存为材质数据,将包含材质数据的材质编辑请求传递给golang后端服务器,golang后端服务器调用材质编辑api功能接口,材质编辑api功能接口调用对应的api处理函数进行处理后,将该材质更新到mongodb数据库中,并将处理后的结果通过材质构建api功能接口返回给浏览器;

21、s35、场景编辑:

22、通过浏览器进入场景编辑界面,然后对场景中的模型对象进行平移、旋转和缩放操作,以调整模型对象的位置和大小,从而实时预览模型对象在场景中的效果;用户对模型对象进行调整操作结束后,即触发场景编辑api功能接口,将包含调整修改后场景数据的场景编辑请求传递给golang后端服务器,golang后端服务器调用场景编辑api功能接口,场景编辑api功能接口调用对应的api处理函数本文档来自技高网...

【技术保护点】

1.一种基于WebGL的云端模型虚拟映射方法,其特征在于:具体包括有以下步骤:

2.根据权利要求1所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的运用WebGL技术在浏览器中构建三维可视化交互界面的具体步骤为:首先利用HTML创建出浏览器网页,随后在浏览器网页上利用CSS定义浏览器网页的显示样式和布局的样式表语言,最后利用JavaScript和React.js在浏览器网页上构建WebGL三维可视化交互界面。

3.根据权利要求2所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的WebGL三维可视化交互界面构建完成后,采用Node.js和Electron将WebGL三维可视化交互界面打包成桌面应用。

4.根据权利要求1所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的三维可视化交互界面内包括有场景构建交互操作按键、场景清理交互操作按键、模型构建交互操作按键、绘制添加交互操作按键、数据备份交互操作按键、数据导出交互操作按键、用户管理交互操作按键、材质构建交互操作按键、光源选择交互操作按键、背景纹理编辑交互操作按键、字体编辑管理交互操作按键和动画音频添加交互操作按键,并在三维可视化交互界面内完成模型的拖拽、旋转、缩放交互操作。

5.根据权利要求4所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的场景构建交互操作按键具体包括有场景新建交互操作按键、场景保存交互操作按键、场景导出交互操作按键和场景编辑交互操作按键;所述的模型构建交互操作按键包括有模型文件导入交互操作按键和模型导出交互操作按键;所述的绘制添加交互操作按键包括有基本几何体添加交互操作按键、文字添加交互操作按键、曲线添加交互操作按键、标注添加交互操作按键和相机添加交互操作按键;所述的用户管理交互操作按键包括有用户注册交互操作按键、用户登录交互操作按键和用户权限管理交互操作按键;所述的材质构建交互操作按键包括有材质添加交互操作按键和材质编辑交互操作按键;所述的光源选择交互操作按键包括有环境光交互操作按键、平行光交互操作按键、点光源交互操作按键、聚光灯交互操作按键、半球光交互操作按键和矩形光交互操作按键;所述的字体编辑管理交互操作按键包括有字体转换交互操作按键和字体管理交互操作按键。

6.根据权利要求5所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的多个API功能接口包括有场景新建API功能接口、场景保存API功能接口、场景导出API功能接口、场景编辑API功能接口、场景清理API功能接口、模型文件导入API功能接口、模型导出API功能接口、基本几何体添加API功能接口、文字添加API功能接口、曲线添加API功能接口、标注添加API功能接口和相机添加API功能接口、数据备份API功能接口、数据导出API功能接口、用户管理API功能接口、材质添加API功能接口、材质编辑API功能接口、光源添加API功能接口、背景纹理生成API功能接口、字体编辑API功能接口和动画音频添加编辑API功能接口。

7.根据权利要求6所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的云端模型虚拟映射的具体步骤为:

8.根据权利要求7所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的Golang后端服务器进行处理并操作成功后,则返回code:200,操作失败,则返回code:500,WebGL通过判断返回的code来鉴别对应的请求是否成功。

9.一种基于WebGL的云端模型虚拟映射系统,其特征在于:包括有支持WebGL的浏览器、Golang后端服务器和Mongodb数据库;

...

【技术特征摘要】

1.一种基于webgl的云端模型虚拟映射方法,其特征在于:具体包括有以下步骤:

2.根据权利要求1所述的一种基于webgl的云端模型虚拟映射方法,其特征在于:所述的运用webgl技术在浏览器中构建三维可视化交互界面的具体步骤为:首先利用html创建出浏览器网页,随后在浏览器网页上利用css定义浏览器网页的显示样式和布局的样式表语言,最后利用javascript和react.js在浏览器网页上构建webgl三维可视化交互界面。

3.根据权利要求2所述的一种基于webgl的云端模型虚拟映射方法,其特征在于:所述的webgl三维可视化交互界面构建完成后,采用node.js和electron将webgl三维可视化交互界面打包成桌面应用。

4.根据权利要求1所述的一种基于webgl的云端模型虚拟映射方法,其特征在于:所述的三维可视化交互界面内包括有场景构建交互操作按键、场景清理交互操作按键、模型构建交互操作按键、绘制添加交互操作按键、数据备份交互操作按键、数据导出交互操作按键、用户管理交互操作按键、材质构建交互操作按键、光源选择交互操作按键、背景纹理编辑交互操作按键、字体编辑管理交互操作按键和动画音频添加交互操作按键,并在三维可视化交互界面内完成模型的拖拽、旋转、缩放交互操作。

5.根据权利要求4所述的一种基于webgl的云端模型虚拟映射方法,其特征在于:所述的场景构建交互操作按键具体包括有场景新建交互操作按键、场景保存交互操作按键、场景导出交互操作按键和场景编辑交互操作按键;所述的模型构建交互操作按键包括有模型文件导入交互操作按键和模型导出交互操作按键;所述的绘制添加交互操作按键包括有基本几何体添加交互操作按键、文字添加交互操作按键、曲线添加交互操作按键、标注添加交互操作按键和相机添加交互操作按键;所述的用户管理...

【专利技术属性】
技术研发人员:汪玉洁金志超
申请(专利权)人:中国科学技术大学
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1