CN117891495A - 一种基于WebGL的云端模型虚拟映射方法及系统 - Google Patents
一种基于WebGL的云端模型虚拟映射方法及系统 Download PDFInfo
- Publication number
- CN117891495A CN117891495A CN202410079386.3A CN202410079386A CN117891495A CN 117891495 A CN117891495 A CN 117891495A CN 202410079386 A CN202410079386 A CN 202410079386A CN 117891495 A CN117891495 A CN 117891495A
- Authority
- CN
- China
- Prior art keywords
- scene
- operation key
- interactive operation
- api function
- model
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 32
- 230000006870 function Effects 0.000 claims abstract description 169
- 238000012545 processing Methods 0.000 claims abstract description 50
- 230000000007 visual effect Effects 0.000 claims abstract description 35
- 230000003993 interaction Effects 0.000 claims abstract description 27
- 230000008569 process Effects 0.000 claims abstract description 14
- 238000005516 engineering process Methods 0.000 claims abstract description 8
- 230000002452 interceptive effect Effects 0.000 claims description 169
- 238000010276 construction Methods 0.000 claims description 28
- 239000000463 material Substances 0.000 claims description 24
- 238000012795 verification Methods 0.000 claims description 9
- 238000003860 storage Methods 0.000 claims description 8
- 230000008676 import Effects 0.000 claims description 6
- 238000004140 cleaning Methods 0.000 claims description 5
- 238000002372 labelling Methods 0.000 claims description 5
- 238000012986 modification Methods 0.000 claims description 4
- 230000004048 modification Effects 0.000 claims description 4
- 238000006243 chemical reaction Methods 0.000 claims description 3
- 238000012790 confirmation Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 claims description 3
- 238000005286 illumination Methods 0.000 claims description 3
- 238000004321 preservation Methods 0.000 claims description 3
- 238000013519 translation Methods 0.000 claims description 3
- 238000007726 management method Methods 0.000 abstract description 26
- 238000013461 design Methods 0.000 abstract description 5
- 238000004519 manufacturing process Methods 0.000 abstract description 5
- 238000011161 development Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013467 fragmentation Methods 0.000 description 1
- 238000006062 fragmentation reaction Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于WebGL的云端模型虚拟映射方法及系统,首先运用WebGL技术在浏览器中构建三维可视化交互界面,设置相互连接的Golang后端服务器和Mongodb数据库,进行数据交互;在云端模型虚拟映射时,在三维可视化交互界面中输入交互请求,Golang后端服务器提供对应的API功能接口,Golang后端服务器根据交互请求调用API功能接口的API处理函数进行处理,然后再将处理结果返回给三维可视化交互界面进行展示,同时将处理结果发送至Mongodb数据库进行存储。本发明实现了资源管理、场景模型编辑和用户界面展示等功能,为数字化产品设计、制造和服务提供了全面的技术支持。
Description
技术领域
本发明涉及工业互联网技术领域,具体是一种基于WebGL的云端模型虚拟映射方法及系统。
背景技术
随着社会的发展,工业互联网得到了越来越广泛的应用。各种服务于网络协同制造和智能工厂的模型被设计并建模出来。为了实现数字孪生,需要对工厂中的各类机器进行设计建模,但是出现了设计资源利用率低并且经常出现重复设计的情况。而且设计制造服务闭环困难、缺少制造服务数据对涉及的指导。同样的设备经常被重复性建模,对各类资源都是一种浪费。同时,精细化建模与模型参数辨识难、数字标识流程不同意、过程分散、数据碎片化、升级维护难等问题也在困扰着全域一体化的进一步发展使用。
发明内容
本发明要解决的技术问题是提供一种基于WebGL的云端模型虚拟映射方法及系统,实现了资源管理、场景模型编辑和用户界面展示等功能,为数字化产品设计、制造和服务提供了全面的技术支持。
本发明的技术方案为:
一种基于WebGL的云端模型虚拟映射方法,具体包括有以下步骤:
(1)、运用WebGL技术在浏览器中构建三维可视化交互界面;
(2)、设置Golang后端服务器和Mongodb数据库,Golang后端服务器和Mongodb数据库连接进行数据交互,Golang后端服务器中构建有多个API功能接口;
(3)、云端模型虚拟映射时,首先在三维可视化交互界面中输入交互请求,Golang后端服务器接收到交互请求后,提供对应的API功能接口,Golang后端服务器根据交互请求调用API功能接口的API处理函数进行处理,然后再将处理结果通过API功能接口返回给三维可视化交互界面进行展示,同时将处理结果发送至Mongodb数据库进行存储。
所述的运用WebGL技术在浏览器中构建三维可视化交互界面的具体步骤为:首先利用HTML创建出浏览器网页,随后在浏览器网页上利用CSS定义浏览器网页的显示样式和布局的样式表语言,最后利用JavaScript和React.js在浏览器网页上构建WebGL三维可视化交互界面。
所述的WebGL三维可视化交互界面构建完成后,采用Node.js和Electron将WebGL三维可视化交互界面打包成桌面应用。
所述的三维可视化交互界面内包括有场景构建交互操作按键、场景清理交互操作按键、模型构建交互操作按键、绘制添加交互操作按键、数据备份交互操作按键、数据导出交互操作按键、用户管理交互操作按键、材质构建交互操作按键、光源选择交互操作按键、背景纹理编辑交互操作按键、字体编辑管理交互操作按键和动画音频添加交互操作按键,并在三维可视化交互界面内完成模型的拖拽、旋转、缩放交互操作。
所述的场景构建交互操作按键具体包括有场景新建交互操作按键、场景保存交互操作按键、场景导出交互操作按键和场景编辑交互操作按键;所述的模型构建交互操作按键包括有模型文件导入交互操作按键和模型导出交互操作按键;所述的绘制添加交互操作按键包括有基本几何体添加交互操作按键、文字添加交互操作按键、曲线添加交互操作按键、标注添加交互操作按键和相机添加交互操作按键;所述的用户管理交互操作按键包括有用户注册交互操作按键、用户登录交互操作按键和用户权限管理交互操作按键;所述的材质构建交互操作按键包括有材质添加交互操作按键和材质编辑交互操作按键;所述的光源选择交互操作按键包括有环境光交互操作按键、平行光交互操作按键、点光源交互操作按键、聚光灯交互操作按键、半球光交互操作按键和矩形光交互操作按键;所述的字体编辑管理交互操作按键包括有字体转换交互操作按键和字体管理交互操作按键。
所述的多个API功能接口包括有场景新建API功能接口、场景保存API功能接口、场景导出API功能接口、场景编辑API功能接口、场景清理API功能接口、模型文件导入API功能接口、模型导出API功能接口、基本几何体添加API功能接口、文字添加API功能接口、曲线添加API功能接口、标注添加API功能接口和相机添加API功能接口、数据备份API功能接口、数据导出API功能接口、用户管理API功能接口、材质添加API功能接口、材质编辑API功能接口、光源添加API功能接口、背景纹理生成API功能接口、字体编辑API功能接口和动画音频添加编辑API功能接口。
所述的云端模型虚拟映射的具体步骤为:
S31、用户登录:
打开支持WebGL的浏览器,输入网址,用户输入用户名和密码,Golang后端服务器调用用户管理API功能接口,将包含用户数据的登录请求传递给Golang后端服务器,用户管理API功能接口调用对应的API处理函数进行用户验证,当通过验证后,将验证结果通过用户管理API功能接口返回给浏览器,用户完成登录操作;
S32、创建新场景:
通过浏览器进入场景管理界面,点击场景新建交互操作按键,然后填写场景名称和描述,并保存为新场景数据,Golang后端服务器调用场景新建API功能接口,将包含新场景数据的新场景创建请求传递给Golang后端服务器,场景新建API功能接口调用对应的API处理函数创建新的场景对象,将新的场景对象和新场景数据存入到Mongodb数据库中,并将场景创建结果通过场景新建API功能接口返回给浏览器,即完成了场景的创建;
S33、添加模型:
通过浏览器进入场景编辑界面,点击模型文件导入交互操作按键,选择本地的模型文件并上传,然后将包含模型文件的模型添加请求传递给Golang后端服务器,Golang后端服务器调用模型文件导入API功能接口,模型文件导入API功能接口调用对应的API处理函数根据该模型文件创建一个模型对象后,再将该模型文件和创建的模型对象存入到Mongodb数据库中,随后将模型导入结果通过模型构建API功能接口返回给浏览器,即完成了模型的创建添加;
S34、材质编辑:
通过浏览器选择模型对象,然后点击材质编辑交互操作按键,打开材质编辑界面,选择并确认材质的类型、颜色和光照参数,编辑完成后,点击材质保存按键,保存为材质数据,将包含材质数据的材质编辑请求传递给Golang后端服务器,Golang后端服务器调用材质编辑API功能接口,材质编辑API功能接口调用对应的API处理函数进行处理后,将该材质更新到Mongodb数据库中,并将处理后的结果通过材质构建API功能接口返回给浏览器;
S35、场景编辑:
通过浏览器进入场景编辑界面,然后对场景中的模型对象进行平移、旋转和缩放操作,以调整模型对象的位置和大小,从而实时预览模型对象在场景中的效果;用户对模型对象进行调整操作结束后,即触发场景编辑API功能接口,将包含调整修改后场景数据的场景编辑请求传递给Golang后端服务器,Golang后端服务器调用场景编辑API功能接口,场景编辑API功能接口调用对应的API处理函数进行处理后,将场景编辑结果保存到Mongodb数据库中,并将场景编辑结果通过场景编辑API功能接口返回给浏览器;
S36、导出模型:
通过浏览器进入场景编辑界面,点击模型导出交互操作按键,选择导出格式和文件路径,并确认导出的模型选项后,点击确认按钮之后,该包含导出模型数据的模型导出请求传递给Golang后端服务器,Golang后端服务器调用模型导出API功能接口,模型导出API功能接口调用对应的API处理函数进行数据处理后,Golang后端服务器根据处理结果将该模型的数据从Mongodb数据库中调出后,该模型的数据通过场景编辑API功能接口返回给浏览器,并保存到指定的文件路径处;
S37、场景保存:
完成模型导出后,选择保存,并退出场景编辑界面后,即返回到场景管理界面,Golang后端服务器会自动保存用户的操作记录并存储于Mongodb数据库中。
所述的Golang后端服务器进行处理并操作成功后,则返回code:200,操作失败,则返回code:500,WebGL通过判断返回的code来鉴别对应的请求是否成功。
一种基于WebGL的云端模型虚拟映射系统,包括有支持WebGL的浏览器、Golang后端服务器和Mongodb数据库;
支持WebGL的浏览器用于与用户进行交互,接收用户输入的指令和数据,并将其传递给Golang后端服务器进行处理;
Golang后端服务器用于调用API功能接口的API处理函数对数据进行解析处理,再将处理后的结果返回给前端支持WebGL的浏览器;
Mongodb数据库用于存储数据,包括用户数据、资源配置数据、场景数据和模型数据。
本发明的优点:
(1)、本发明运用WebGL技术在浏览器中构建三维可视化交互界面,通过前端技术的应用,可以提供直观、交互丰富的用户界面,使用户能够更加便捷地操作和管理数字化产品。
(2)、本发明在WebGL三维可视化交互界面构建完成后,采用Node.js和Electron将WebGL三维可视化交互界面打包成桌面应用,使得本发明的云端模型虚拟映射系统可以在不同的操作系统上运行和部署,提供良好的兼容性和易用性。
(3)、本发明云端模型虚拟映射系统的后端包括有Golang后端服务器和Mongodb数据库,Golang后端服务器负责处理数据请求和逻辑处理,它通过接收和解析前端发起的请求,执行相应的业务逻辑,并返回处理结果,Golang后端服务器中构建有多个API功能接口,通过不同API功能接口的API处理函数,可分别完成相应的逻辑处理,并与Mongodb数据库实现数据存储交互的目的。
本发明在提高场景建模工作效率和质量的同时,使用户能够更加便捷地进行数字化产品的各项操作,同时,本发明云端模型虚拟映射系统具备良好的可扩展性和定制性,可以根据不同的应用场景和需求进行灵活配置和拓展。
附图说明
图1是本发明三维可视化交互界面的视图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
一种基于WebGL的云端模型虚拟映射系统,包括有支持WebGL的浏览器、Golang后端服务器和Mongodb数据库;
支持WebGL的浏览器用于与用户进行交互,接收用户输入的指令和数据,并将其传递给Golang后端服务器进行处理;
Golang后端服务器用于调用API功能接口的API处理函数对数据进行解析处理,再将处理后的结果返回给前端支持WebGL的浏览器;
Mongodb数据库用于存储数据,包括用户数据、资源配置数据、场景数据和模型数据。
一种基于WebGL的云端模型虚拟映射方法,具体包括有以下步骤:
(1)、运用WebGL技术在浏览器中构建三维可视化交互界面:首先利用HTML创建出浏览器网页,随后在浏览器网页上利用CSS定义浏览器网页的显示样式和布局的样式表语言,最后利用JavaScript和React.js在浏览器网页上构建WebGL三维可视化交互界面;WebGL三维可视化交互界面构建完成后,采用Node.js和Electron将WebGL三维可视化交互界面打包成桌面应用;
三维可视化交互界面内包括有场景构建交互操作按键、场景清理交互操作按键、模型构建交互操作按键、绘制添加交互操作按键、数据备份交互操作按键、数据导出交互操作按键、用户管理交互操作按键、材质构建交互操作按键、光源选择交互操作按键、背景纹理编辑交互操作按键、字体编辑管理交互操作按键和动画音频添加交互操作按键,并在三维可视化交互界面内完成模型的拖拽、旋转、缩放交互操作;
场景构建交互操作按键具体包括有场景新建交互操作按键、场景保存交互操作按键、场景导出交互操作按键和场景编辑交互操作按键;所述的模型构建交互操作按键包括有模型文件导入交互操作按键和模型导出交互操作按键;所述的绘制添加交互操作按键包括有基本几何体添加交互操作按键、文字添加交互操作按键、曲线添加交互操作按键、标注添加交互操作按键和相机添加交互操作按键;所述的用户管理交互操作按键包括有用户注册交互操作按键、用户登录交互操作按键和用户权限管理交互操作按键;所述的材质构建交互操作按键包括有材质添加交互操作按键和材质编辑交互操作按键;所述的光源选择交互操作按键包括有环境光交互操作按键、平行光交互操作按键、点光源交互操作按键、聚光灯交互操作按键、半球光交互操作按键和矩形光交互操作按键;所述的字体编辑管理交互操作按键包括有字体转换交互操作按键和字体管理交互操作按键;
见图1,三维可视化交互界面的最上方为各类组件与资源,可以创建场景、选择添加光源和组件等;左侧场景列表可以显示在云端存储的各类已经创建好的场景,以便于重复使用;左下角模型、贴图、材质、音频和动画为建模素材,可以此创建模型并保存,也可直接导入模型、动画;中间部分为建模区域,可以将模型对象的素材拖入到该区域进行组合建模和调节操作;下方为动画音频条,用于编辑动画;右上方为当前打开项目的场景与历史,可以查看拖入内部的组件,并进行实时编辑;右下方可以点击查看组件属性,并为组件添加各类脚本,以实现组件之间的交互行为;
(2)、设置Golang后端服务器和Mongodb数据库,Golang后端服务器和Mongodb数据库连接进行数据交互,Golang后端服务器中构建有多个API功能接口;多个API功能接口包括有场景新建API功能接口、场景保存API功能接口、场景导出API功能接口、场景编辑API功能接口、场景清理API功能接口、模型文件导入API功能接口、模型导出API功能接口、基本几何体添加API功能接口、文字添加API功能接口、曲线添加API功能接口、标注添加API功能接口和相机添加API功能接口、数据备份API功能接口、数据导出API功能接口、用户管理API功能接口、材质添加API功能接口、材质编辑API功能接口、光源添加API功能接口、背景纹理生成API功能接口、字体编辑API功能接口和动画音频添加编辑API功能接口;
(3)、云端模型虚拟映射时,首先在三维可视化交互界面中输入交互请求,Golang后端服务器接收到交互请求后,提供对应的API功能接口,Golang后端服务器根据交互请求调用API功能接口的API处理函数进行处理,Golang后端服务器进行处理并操作成功后,则返回code:200,操作失败,则返回code:500,WebGL通过判断返回的code来鉴别对应的请求是否成功,并将处理结果通过三维可视化交互界面进行展示,同时将处理结果发送至Mongodb数据库进行存储;
具体的云端模型虚拟映射步骤为:
S31、用户登录:
打开支持WebGL的浏览器,输入网址,用户输入用户名和密码,Golang后端服务器调用用户管理API功能接口,将包含用户数据的登录请求传递给Golang后端服务器,用户管理API功能接口调用对应的API处理函数进行用户验证,当通过验证后,将验证结果通过用户管理API功能接口返回给浏览器,用户完成登录操作;
S32、创建新场景:
通过浏览器进入场景管理界面,点击场景新建交互操作按键,然后填写场景名称和描述,并保存为新场景数据,Golang后端服务器调用场景新建API功能接口,将包含新场景数据的新场景创建请求传递给Golang后端服务器,场景新建API功能接口调用对应的API处理函数创建新的场景对象,将新的场景对象和新场景数据存入到Mongodb数据库中,并将场景创建结果通过场景新建API功能接口返回给浏览器,即完成了场景的创建;
S33、添加模型:
通过浏览器进入场景编辑界面,点击模型文件导入交互操作按键,选择本地的模型文件并上传,然后将包含模型文件的模型添加请求传递给Golang后端服务器,Golang后端服务器调用模型文件导入API功能接口,模型文件导入API功能接口调用对应的API处理函数根据该模型文件创建一个模型对象后,再将该模型文件和创建的模型对象存入到Mongodb数据库中,随后将模型导入结果通过模型构建API功能接口返回给浏览器,即完成了模型的创建添加;
S34、材质编辑:
通过浏览器选择模型对象,然后点击材质编辑交互操作按键,打开材质编辑界面,选择并确认材质的类型、颜色和光照参数,编辑完成后,点击材质保存按键,保存为材质数据,将包含材质数据的材质编辑请求传递给Golang后端服务器,Golang后端服务器调用材质编辑API功能接口,材质编辑API功能接口调用对应的API处理函数进行处理后,将该材质更新到Mongodb数据库中,并将处理后的结果通过材质构建API功能接口返回给浏览器;
S35、场景编辑:
通过浏览器进入场景编辑界面,然后对场景中的模型对象进行平移、旋转和缩放操作,以调整模型对象的位置和大小,从而实时预览模型对象在场景中的效果;用户对模型对象进行调整操作结束后,即触发场景编辑API功能接口,将包含调整修改后场景数据的场景编辑请求传递给Golang后端服务器,Golang后端服务器调用场景编辑API功能接口,场景编辑API功能接口调用对应的API处理函数进行处理后,将场景编辑结果保存到Mongodb数据库中,并将场景编辑结果通过场景编辑API功能接口返回给浏览器;
S36、导出模型:
通过浏览器进入场景编辑界面,点击模型导出交互操作按键,选择导出格式和文件路径,并确认导出的模型选项后,点击确认按钮之后,该包含导出模型数据的模型导出请求传递给Golang后端服务器,Golang后端服务器调用模型导出API功能接口,模型导出API功能接口调用对应的API处理函数进行数据处理后,Golang后端服务器根据处理结果将该模型的数据从Mongodb数据库中调出后,该模型的数据通过场景编辑API功能接口返回给浏览器,并保存到指定的文件路径处;
S37、场景保存:
完成模型导出后,选择保存,并退出场景编辑界面后,即返回到场景管理界面,Golang后端服务器会自动保存用户的操作记录并存储于Mongodb数据库中。
尽管已经示出和描述了本发明的实施例,对于本领域的普通技术人员而言,可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由所附权利要求及其等同物限定。
Claims (9)
1.一种基于WebGL的云端模型虚拟映射方法,其特征在于:具体包括有以下步骤:
(1)、运用WebGL技术在浏览器中构建三维可视化交互界面;
(2)、设置Golang后端服务器和Mongodb数据库,Golang后端服务器和Mongodb数据库连接进行数据交互,Golang后端服务器中构建有多个API功能接口;
(3)、云端模型虚拟映射时,首先在三维可视化交互界面中输入交互请求,Golang后端服务器接收到交互请求后,提供对应的API功能接口,Golang后端服务器根据交互请求调用API功能接口的API处理函数进行处理,然后再将处理结果通过API功能接口返回给三维可视化交互界面进行展示,同时将处理结果发送至Mongodb数据库进行存储。
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的云端模型虚拟映射方法,其特征在于:所述的云端模型虚拟映射的具体步骤为:
S31、用户登录:
打开支持WebGL的浏览器,输入网址,用户输入用户名和密码,Golang后端服务器调用用户管理API功能接口,将包含用户数据的登录请求传递给Golang后端服务器,用户管理API功能接口调用对应的API处理函数进行用户验证,当通过验证后,将验证结果通过用户管理API功能接口返回给浏览器,用户完成登录操作;
S32、创建新场景:
通过浏览器进入场景管理界面,点击场景新建交互操作按键,然后填写场景名称和描述,并保存为新场景数据,Golang后端服务器调用场景新建API功能接口,将包含新场景数据的新场景创建请求传递给Golang后端服务器,场景新建API功能接口调用对应的API处理函数创建新的场景对象,将新的场景对象和新场景数据存入到Mongodb数据库中,并将场景创建结果通过场景新建API功能接口返回给浏览器,即完成了场景的创建;
S33、添加模型:
通过浏览器进入场景编辑界面,点击模型文件导入交互操作按键,选择本地的模型文件并上传,然后将包含模型文件的模型添加请求传递给Golang后端服务器,Golang后端服务器调用模型文件导入API功能接口,模型文件导入API功能接口调用对应的API处理函数根据该模型文件创建一个模型对象后,再将该模型文件和创建的模型对象存入到Mongodb数据库中,随后将模型导入结果通过模型构建API功能接口返回给浏览器,即完成了模型的创建添加;
S34、材质编辑:
通过浏览器选择模型对象,然后点击材质编辑交互操作按键,打开材质编辑界面,选择并确认材质的类型、颜色和光照参数,编辑完成后,点击材质保存按键,保存为材质数据,将包含材质数据的材质编辑请求传递给Golang后端服务器,Golang后端服务器调用材质编辑API功能接口,材质编辑API功能接口调用对应的API处理函数进行处理后,将该材质更新到Mongodb数据库中,并将处理后的结果通过材质构建API功能接口返回给浏览器;
S35、场景编辑:
通过浏览器进入场景编辑界面,然后对场景中的模型对象进行平移、旋转和缩放操作,以调整模型对象的位置和大小,从而实时预览模型对象在场景中的效果;用户对模型对象进行调整操作结束后,即触发场景编辑API功能接口,将包含调整修改后场景数据的场景编辑请求传递给Golang后端服务器,Golang后端服务器调用场景编辑API功能接口,场景编辑API功能接口调用对应的API处理函数进行处理后,将场景编辑结果保存到Mongodb数据库中,并将场景编辑结果通过场景编辑API功能接口返回给浏览器;
S36、导出模型:
通过浏览器进入场景编辑界面,点击模型导出交互操作按键,选择导出格式和文件路径,并确认导出的模型选项后,点击确认按钮之后,该包含导出模型数据的模型导出请求传递给Golang后端服务器,Golang后端服务器调用模型导出API功能接口,模型导出API功能接口调用对应的API处理函数进行数据处理后,Golang后端服务器根据处理结果将该模型的数据从Mongodb数据库中调出后,该模型的数据通过场景编辑API功能接口返回给浏览器,并保存到指定的文件路径处;
S37、场景保存:
完成模型导出后,选择保存,并退出场景编辑界面后,即返回到场景管理界面,Golang后端服务器会自动保存用户的操作记录并存储于Mongodb数据库中。
8.根据权利要求7所述的一种基于WebGL的云端模型虚拟映射方法,其特征在于:所述的Golang后端服务器进行处理并操作成功后,则返回code:200,操作失败,则返回code:500,WebGL通过判断返回的code来鉴别对应的请求是否成功。
9.一种基于WebGL的云端模型虚拟映射系统,其特征在于:包括有支持WebGL的浏览器、Golang后端服务器和Mongodb数据库;
支持WebGL的浏览器用于与用户进行交互,接收用户输入的指令和数据,并将其传递给Golang后端服务器进行处理;
Golang后端服务器用于调用API功能接口的API处理函数对数据进行解析处理,再将处理后的结果返回给前端支持WebGL的浏览器;
Mongodb数据库用于存储数据,包括用户数据、资源配置数据、场景数据和模型数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410079386.3A CN117891495A (zh) | 2024-01-19 | 2024-01-19 | 一种基于WebGL的云端模型虚拟映射方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410079386.3A CN117891495A (zh) | 2024-01-19 | 2024-01-19 | 一种基于WebGL的云端模型虚拟映射方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117891495A true CN117891495A (zh) | 2024-04-16 |
Family
ID=90651847
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410079386.3A Pending CN117891495A (zh) | 2024-01-19 | 2024-01-19 | 一种基于WebGL的云端模型虚拟映射方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117891495A (zh) |
-
2024
- 2024-01-19 CN CN202410079386.3A patent/CN117891495A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US6466239B2 (en) | Method and apparatus for editing data used in creating a three-dimensional virtual reality environment | |
CN104216691B (zh) | 一种创建应用的方法及装置 | |
US6262734B1 (en) | Graphic data generating apparatus, graphic data generation method, and medium of the same | |
US6552721B1 (en) | Graphic data generating apparatus, graphic data generation method, and medium of the same | |
US6518989B1 (en) | Graphic data generating apparatus, graphic data generation method, and medium of the same | |
CN109918607A (zh) | 页面搭建方法及装置、介质和计算设备 | |
US6401237B1 (en) | Method and apparatus for editing data used in creating a three-dimensional virtual reality environment | |
CN109284473A (zh) | 在线教学课件的编辑和生成方法以及系统 | |
CN110807015A (zh) | 一种大数据资产价值交付管理方法及系统 | |
JP6813634B2 (ja) | グラフィックインタフェースに基づく、イベント動作をプログラミングするwebレポーティングデザインシステム | |
US10417924B2 (en) | Visual work instructions for assembling product | |
CN107209773A (zh) | 自动调用统一的可视化界面 | |
CN109583591A (zh) | 用于简化的知识工程的方法与系统 | |
CN105677448A (zh) | 基于网页的可编程控制器的在线仿真方法及系统 | |
CN114138256A (zh) | 一种Web端可视化开发方法、系统及存储介质 | |
CN111488102A (zh) | 图形动画的模块化编辑方法、终端、服务器及系统 | |
CN112527172A (zh) | 界面显示方法及装置、计算机可读存储介质、电子设备 | |
Walczak et al. | Semantic modeling of virtual reality training scenarios | |
US6281900B1 (en) | Information processing apparatus and method, and providing medium | |
CN106846431B (zh) | 一种支持多表现形式的统一Web图形绘制系统 | |
CN111273900A (zh) | 基于gitlab实时代码共享的在线拖拽编码生成方法 | |
CN108121449A (zh) | 可编辑更新的基于体感控制的可视化交互管理系统 | |
CN114706584A (zh) | 一种数据可视化展示制作系统 | |
CN114564199A (zh) | 一种生成使用页面的方法、装置、设备及可读存储介质 | |
CN113095056B (zh) | 生成方法、处理方法、装置、电子设备以及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |