3D模型加载方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112861055A(43)申请公布日2021.05.28(21)申请号202110174838.2(22)申请日2021.02.07(71)申请人吉林省科学技术信息研究所地址130000吉林省长春市深圳街940号(72)发明人张世彤张杰(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)G06T19/00(2011.01)权利要求书1页说明书4页附图1页(54)发明名称3D模型加载方法(57)摘要本发明公开了一种3D模型加载方法，该方法包括：在第一HTML文件中引入Three.js文件；采用Three.js文件中的加载器将3D模型的obj格式的数据转换成html格式的数据；采用加载器将数据格式转换后的3D模型加载到Javascript文件中；采用Three.js文件中的onLoad回调函数将Javascript文件中的3D模型添加到预设的场景文件中；采用Three.js文件中的render函数将3D模型进行场景渲染；设置场景文件中的灯光、摄像机、场景以及渲染器的参数；将场景文件加入到第二HTML文件中的body标签中；在javascript文件中编码定义对3D模型的交互操作；在HTML网页上显示3D模型。该加载3D模型的方法能够在HTML网页中快速加载3D模型。CN112861055ACN112861055A权利要求书1/1页1.一种3D模型加载方法，其特征在于，所述3D模型加载方法包括：在第一HTML文件中引入Three.js文件；采用所述Three.js文件中的加载器将3D模型的obj格式的数据转换成html格式的数据；采用所述加载器将数据格式转换后的3D模型加载到Javascript文件中；采用所述Three.js文件中的onLoad回调函数将所述Javascript文件中的3D模型添加到预设的场景文件中；采用所述Three.js文件中的render函数将所述3D模型进行场景渲染；设置所述场景文件中的灯光、摄像机、场景以及渲染器的参数；将所述场景文件加入到第二HTML文件中的body标签中；在所述javascript文件中编码定义对所述3D模型的交互操作；以及在HTML网页上显示所述3D模型。2.如权利要求1所述的3D模型加载方法，其特征在于，所述在第一HTML文件中引入Three.js文件包括：采用标签引入three.js。3.如权利要求2所述的3D模型加载方法，其特征在于，所述标签为script标签。4.如权利要求1所述的3D模型加载方法，其特征在于，所述加载器为ColladaLoader加载器。5.如权利要求1所述的3D模型加载方法，其特征在于，所述设置所述场景文件中的灯光、摄像机、场景以及渲染器的参数包括：设置灯光的亮度、开关灯时显示的内容、用户进入后摄像机视角的默认角度、鼠标左右键按下以及移动时摄像机跟随转动方式、3D场景的加载顺序中的一个或多个。6.如权利要求1所述的3D模型加载方法，其特征在于，定义对所述3D模型的交互操作包括：定义用户手动开关灯光、定义用户手动开关风扇、定义用户手动开关灌溉、定义自动获取温度值、定义自动获取湿度值、定义自动获取光照值、定义温度到达自定义值自动开启或关闭风扇、定义湿度到达自定义值后自动开启或关闭灌溉、定义光照到达自定义值后自动开启或关闭灯光中的一个或多个。7.如权利要求1所述的3D模型加载方法，其特征在于，所述方法还包括：在采用所述Three.js文件中的加载器将3D模型的obj格式的数据转换成html格式的数据之前，使用draco算法对所述3D模型进行压缩。8.一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述方法的步骤。9.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1至7任一项所述方法的步骤。2CN112861055A说明书1/4页3D模型加载方法技术领域[0001]本发明是关于计算机技术领域，特别是关于一种3D模型加载方法。背景技术[0002]3D模型是用三维软件建造的立体模型，包括各种建筑、人物、植被、机械等等，比如一个大楼的3D模型图。3D模型也包括玩具和电脑模型领域。[0003]现有的FLASH不支持3D模型，只能做伪3D动画，而无法直接在网页中展示真3D动画。HTML53D工具不能直接导入3D模型到网页中，其需要编码生成3D模型，工作量非常大，而且低级别的浏览器无法支持HTML53D模型动画。[0004]公开于该背景技术部分的信息仅仅旨在增加对本发明的总体背景的理解，而不应当被视为承