三维场景构建方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术公开了一种三维场景构建方法、装置、计算机设备及存储介质，该方法包括：在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；设计基础模型并在属性配置区对基础模型的属性进行配置和导出；通过模型基本单元封装基础模型，将基础模型展示在模型列表区；在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；将渲染完成的基础模型进行配置组装获得构建完成的三维场景。本发明专利技术的三维场景构建方法可以跨系统使用且占用内存小。方法可以跨系统使用且占用内存小。方法可以跨系统使用且占用内存小。

【技术实现步骤摘要】
三维场景构建方法、装置、计算机设备及存储介质


[0001]本专利技术涉及前端开发
，特别是涉及一种三维场景构建方法、装置、计算机设备及存储介质。

技术介绍

[0002]三维场景编辑主要实现了对三维模型的基本变换，如调整大小，调整位置以及改变布局，其是在桌面端的软件中用点、线、面进行三维结构建模，然后在软件中对模型进行模拟光照时的表现进行渲染的。
[0003]现有的三维场景编辑，用户可以通过软件中编辑区编辑模型并且改变模型属性实现三维场景构建，也可以利用预先设置好的一些放入模型空中的基础模型加载到编辑区中直接使用，查看编辑结果实现三维场景构建。
[0004]但是现有的三维场景编辑使用的软件占用内存较大，且在不同系统使用时需要获得不同授权。

技术实现思路

[0005]基于此，有必要针对上述技术问题，提供一种占用内存小且能够跨系统使用的三维场景构建方法、装置、计算机设备及存储介质。
[0006]第一方面，本专利技术提供了一种三维场景构建方法，其特征在于，方法包括：
[0007]在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；
[0008]设计基础模型并在属性配置区对基础模型的属性进行配置和导出；
[0009]通过模型基本单元封装基础模型，将基础模型展示在模型列表区；
[0010]在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；
[0011]在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；
[0012]将渲染完成的基础模型进行配置组装获得构建完成的三维场景。
[0013]在其中一个实施例中，设计基础模型包括设计基础模型的样式、贴图、大小、透视方式以及预览图。
[0014]在其中一个实施例中，在属性配置区对基础模型的属性进行配置和导出包括：
[0015]将属性配置区的属性与相关基础模型及场景进行关联获得具有属性动态的基础模型和场景；
[0016]通过基本属性渲染具有属性动态的基础模型和场景。
[0017]在其中一个实施例中，在模型编辑区构建模型编辑面板包括：
[0018]对模板编辑面板的功能进行分组细分；
[0019]组装编辑面板的工具栏并关联设置基础模型的配置接口。
[0020]在其中一个实施例中，在场景渲染区构建渲染面板并利用渲染面板对基础模型进行渲染包括：
[0021]设计渲染面板；
[0022]利用渲染面板对渲染配置进行优化说明；
[0023]关联调用基础模型渲染的配置接口。
[0024]在其中一个实施例中，方法还包括：
[0025]利用轨道控制器优化基础模型的选中效果；
[0026]通过threejs的api导出统一格式的三维场景文件并保存于数据库。
[0027]在其中一个实施例中，模型编辑面板包括模型的缩放、变形、旋转、复制和粘贴工具。
[0028]第二方面，本专利技术还提供了一种三维场景构建装置，装置包括：
[0029]第一设计模块，第一设计模块用于在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；
[0030]第二设计模块，第二设计模块用于设计基础模型并在属性配置区对基础模型的属性进行配置和导出；
[0031]封装模块，封装模块用于通过模型基本单元封装基础模型，将基础模型展示在模型列表区；
[0032]编辑模块，编辑模块用于在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；
[0033]渲染模块，渲染模块用于在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；
[0034]组装模块，组装模块用于将渲染完成的基础模型进行配置组装获得构建完成的三维场景。
[0035]第三方面，本申请还提供了一种计算机设备。计算机设备包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现以下步骤：
[0036]在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；
[0037]设计基础模型并在属性配置区对基础模型的属性进行配置和导出；
[0038]通过模型基本单元封装基础模型，将基础模型展示在模型列表区；
[0039]在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；
[0040]在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；
[0041]将渲染完成的基础模型进行配置组装获得构建完成的三维场景。
[0042]第四方面，本申请还提供了一种计算机可读存储介质。计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
[0043]在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；
[0044]设计基础模型并在属性配置区对基础模型的属性进行配置和导出；
[0045]通过模型基本单元封装基础模型，将基础模型展示在模型列表区；
[0046]在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；
[0047]在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；
[0048]将渲染完成的基础模型进行配置组装获得构建完成的三维场景。
[0049]上述的三维场景构建方法、装置、计算机设备及存储介质，三维场景构建方法包括：在浏览器端基于threejs设计三维场景的架构，架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；设计基础模型并在属性配置区对基础模型的属性进行配置和导出；通过模型基本单元封装基础模型，将基础模型展示在模型列表区；在模型编辑区构建模型编辑面板并利用编辑面板对基础模型进行编辑；在场景渲染区构建渲染面板并利用渲染面板对编辑完成的基础模型进行渲染；将渲染完成的基础模型进行配置组装获得构建完成的三维场景。本专利技术的三维场景构建方法是在浏览器端进行的，各浏览器对threejs的支持表现一致，所以本专利技术的三维场景构建方法可以跨系统使用，另外，由于是在浏览器端进行的，所以本专利技术的三维场景构建方法可以直接在web服务器上供用户使用，用户只要有浏览器即可，不用下载安装包，占用内存小。
附图说明
[0050]图1为本专利技术实施例提供的三维场景构建方法的流程示意图之一；
[0051]图2是本申请实施例提供的另一种三维场景构建方法的流程示意图；
[0052]图3是本申请实施例提供的另一种三维场景构建方法的流程示意图；
[0053]图4是本申请实施例提供的另一种三维场景构建方法的流程示意图；
[0054]图5是本申请实施例提供的三维场景构建装置的结构框图；
[0055]图6是本申请一个实施本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种三维场景构建方法，其特征在于，所述方法包括：在浏览器端基于threejs设计三维场景的架构，所述架构包括模型列表区、场景渲染区、模型编辑区以及属性配置区；设计基础模型并在所述属性配置区对所述基础模型的属性进行配置和导出；通过模型基本单元封装所述基础模型，将所述基础模型展示在所述模型列表区；在所述模型编辑区构建模型编辑面板并利用所述编辑面板对所述基础模型进行编辑；在所述场景渲染区构建渲染面板并利用所述渲染面板对编辑完成的基础模型进行渲染；将渲染完成的基础模型进行配置组装获得构建完成的三维场景。2.根据权利要求1所述的三维场景构建方法，其特征在于，设计基础模型包括设计所述基础模型的样式、贴图、大小、透视方式以及预览图。3.根据权利要求2所述的三维场景构建方法，其特征在于，在属性配置区对所述基础模型的属性进行配置和导出包括：将属性配置区的属性与相关基础模型及场景进行关联获得具有属性动态的基础模型和场景；通过基本属性渲染具有属性动态的基础模型和场景。4.根据权利要求3所述的三维场景构建方法，其特征在于，在模型编辑区构建模型编辑面板包括：对所述模板编辑面板的功能进行分组细分；组装所述编辑面板的工具栏并关联设置所述基础模型的配置接口。5.根据权利要求4所述的三维场景构建方法，其特征在于，在场景渲染区构建渲染面板并利用所述渲染面板对基础模型进行渲染包括：设计所述渲染面板；利用所述渲染面板对渲染配置进行优化说明；关联调用基础模型渲染的配置接口。6.根据权利要求1至5任意一项所述的...

【专利技术属性】
技术研发人员：赵健，赵晓亮，梁爽，
申请(专利权)人：西安奥卡云数据科技有限公司，
类型：发明
国别省市：