一种基于Three.js引擎网页三维大场景动画演示性能优化装置及方法制造方法及图纸

本发明专利技术公开一种基于Three.js引擎网页三维大场景动画演示性能优化装置及方法，基于Three.js引擎进行系统开发，建立双场景进行渲染，模型场景实现模型的存储和物料模型位置更新计算，渲染场景实现对合并模型的渲染处理。动画调度中心判断场景中的模型是否为动画模型，动画模型需要进行位置实时更新计算，其他模型系统判断模型和合并模式，将合并后构建的新模型对象加载到渲染场景进行渲染，从而减少渲染时的Draw Call次数，同时对没有动画执行的模型进行冻结，系统对这部分模型不进行位置计算，减少性能开销。减少性能开销。减少性能开销。

【技术实现步骤摘要】
一种基于Three.js引擎网页三维大场景动画演示性能优化装置及方法


[0001]本专利技术涉及三维动画演示
，尤其涉及一种基于Three.js引擎网页三维大场景动画演示性能优化装置及方法。

技术介绍

[0002]在网页中进行三维场景动画演示时，通常会加载多个不同类型的三维模型，同一种三维模型会使用到多次，最终组合形成一个三维场景。在动画演示过程中系统实时刷新渲染三维场景，刷新场景中每一个模型都需要经历一次Draw Call(绘图指令)，当场景中使用的模型数量上千时，Three.js就会经历上千次Draw Call，如果每次Draw Call需要2ms的时间，最终渲染一次一千个模型的场景需要2s，当模型数量到达一万个时候，需要20s时间，这种渲染方式整个场景在大场景下会导致动画卡顿，只能进行简单场景演示，在复杂场景下用户无法正常使用系统。

技术实现思路

[0003]本专利技术的目的在于：针对现有技术的不足，提供一种对非动画模型进行冻结处理，减少系统位置更新计算，提升系统性能的基于Three.js引擎网页三维大场景动画演示性本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，包括以下步骤：建立双场景调度中心、动画调度中心、模型场景和渲染场景；系统调用场景加载模块将模型加载至模型场景，模型场景对模型进行存储和物料模型位置进行更新计算；所述动画调度中心生成演示动画，利用动画调度中心判断场景中的模型，动画调度中心对没有动画任务的模型进行冻结，对动画模型进行位置实时更新计算并根据物料数量创建合并模型；所述双场景调度中心将合并模型加载到渲染模型进行渲染。2.根据权利要求1所述的一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，具体包括以下步骤：S1、加载模型，判定场景中已存在模型进行克隆复制，新加载的模型和已有模型公用几何面数据和材质数据；S2、建立双场景进行渲染，利用Three.js引擎进行系统开发，利用双场景调度中心对模型场景实现模型的存储和物料模型位置更新计算，渲染场景实现渲染处理；S3、判断场景中的模型是否为动画模型，动画模型需要进行位置实时更新计算，对其他模型系统判断模型和合并模式，利用双场景调度中心将合并后构建的新模型对象加载到渲染场景，渲染场景再进行渲染，同时对没有动画执行的模型进行冻结；S4、进行三维动画演示。3.根据权利要求2所述的一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，所述步骤S1加载模型中根据用户在系统选择保存的场景方案，系统发送网络请求加载服务器中的场景文件。4.根据权利要求2所述的一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，所述步骤S3中，系统调用场景加载模块，解析场景文件，利用动画调度中心遍历场景动画路径集合中的模型，判断模型类型，如果是输送类型模型，判断模型中是否设置动画属性，对没有动画属性的模型，系统设置冻结标识，将模型加入冻结模型集合Blocking_List[]中；对有动画属性的模型，动画调度中心遍历模型中的子模型，提取子模型共用的三维几何体和每个子模型的世界坐标，将模型加入动画合并集合Animation_List[]中。5.根据权利要求4所述的一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，所述没有动画属性的模型包括货架、轨迹线和文字类型；所述有动画属性的模型包括单机设备、机器人设备、AGV设备。6.根据权利要求4所述的一种基于Three.js引擎网页三维大场景动画演示性能优化的方法，其特征在于，所述场景中的模型根据是否为动画模型加入相应集合之后，双场景调度中心将动画合并集合Animation_List[]中的模型进行合并，生成合并序列号，将序...

【专利技术属性】
技术研发人员：曹继，邓娴，谢刚，杨天平，岳华，刘俊伟，马洁，孟夕程，王珂，姚楚琳，
申请(专利权)人：昆船智能技术股份有限公司，
类型：发明
国别省市：