3D可视化工程集成方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术实施例公开了3D可视化工程集成方法、装置、计算机设备及存储介质。方法包括：开发3D可视化工程；模拟API调用，以得到3D工程打包文件；将3D工程打包文件嵌入至前端工程中；获取待显示3D画面的HTML元素；利用前端工程调用3D工程打包文件；进行3D渲染，以得到渲染结果；将渲染结果发送至浏览器，以由浏览器对渲染结果进行处理，以显示3D画面；通过3D工程打包文件获取HTML元素的交互操作；利用3D工程打包文件进行API调用；反馈新渲染结果至浏览器。通过实施本发明专利技术实施例的方法可实现前端工程代码与3D工程代码分离，以解决代码耦合问题，一套3D工程代码的维护可以供多个项目使用，维护成本低，扩展强。扩展强。扩展强。

【技术实现步骤摘要】
3D可视化工程集成方法、装置、计算机设备及存储介质


[0001]本专利技术涉及3D可视化工程，更具体地说是指3D可视化工程集成方法、装置、计算机设备及存储介质。

技术介绍

[0002]一般的3D可视化工程集成技术通过都是直接写在前端的工程文件中，在定位bug时不够精准，有些莫名其妙的报错定位不方便，代码的整体臃肿还可能导致质量不高。
[0003]由于3D可视化工程的代码模块很多，工程代码量也很大，注入到前端工程会造成整体工程代码的臃肿，同时代码质量也不高，现有的解决方式是在前端工程里面安装3D工程打包文件依赖，但是安装的3D工程打包文件依赖是属于原生的代码，配置参数和项目所需的一些功能并不支持，并且3D工程业务和功能实现部分还是可能会混入到前端工程中，并不能做到前端代码与3D工程代码分离且在实际项目中又能集成3D功能代码，现有的方案维护并不方便，且无法进行二次开发。
[0004]因此，有必要设计一种新的方法，实现前端工程代码与3D工程代码分离，以解决代码耦合问题，一套3D工程代码的维护可以供多个项目使用，维护成本低，扩展强。...

【技术保护点】

【技术特征摘要】
1.3D可视化工程集成方法，其特征在于，包括：开发3D可视化工程；模拟所述3D可视化工程的API调用，并进行API调用测试和处理，以得到3D工程打包文件；利用所述3D可视化工程将所述3D工程打包文件嵌入至前端工程中；利用前端工程中调用浏览器的程序接口获取待显示3D画面的HTML元素；利用前端工程调用所述3D工程打包文件并发送配置请求；利用所述3D工程打包文件结合所述配置请求进行3D渲染，以得到渲染结果；将所述渲染结果发送至浏览器，以由浏览器对所述渲染结果进行处理，以显示3D画面；通过所述3D工程打包文件获取来自浏览器的HTML元素的各种交互操作；利用所述3D工程打包文件进行API调用，并执行所调用的API对应的功能表格，以得到新渲染结果；反馈所述新渲染结果至浏览器，以供浏览器刷新所述3D画面。2.根据权利要求1所述的3D可视化工程集成方法，其特征在于，所述模拟所述3D可视化工程的API调用，并进行API调用测试和处理，以得到3D工程打包文件，包括：在所述3D可视化工程中模拟前端工程与所述3D可视化工程联调调用API测试，以得到输出结果；通过webpack打包所述输出结果，以得到3D工程打包文件。3.根据权利要求1所述的3D可视化工程集成方法，其特征在于，所述利用所述3D可视化工程将所述3D工程打包文件嵌入至前端工程中，包括：将所述3D可视化工程通过ES6的import方法嵌入到前端工程中。4.根据权利要求1所述的3D可视化工程集成方法，其特征在于，所述HTML元素包括承载3D画面的div元素。5.根据权利要求1所述的3D可视化工程集成方法，其特征在于，所述利用前端工程调用所述3D工程打包文件并发送配置请求，包括：利用前端工程调用所述3D工程打包文件，且由前端工程将配置参数以object形式传入到所述3D工程打包文件中。6.根据权利要求1所述的3D可视化工程集成方法，其特征在于，所述利用所述3D工程打包文件结合所述配置请求进行3D渲染，以得到渲染结果，包括：利用所述3D工程打包文件根据所述配...

【专利技术属性】
技术研发人员：谷军年，李云飞，刘俊杰，张浩，朱琴琴，
申请(专利权)人：杭州美创科技有限公司，
类型：发明
国别省市：