three.js:三维模型加载量测试

简介: three.js:三维模型加载量测试

three.js能够加载处理过的三维模型数据,随着Cesium中可加载gltf的模型,three.js也能够进行支持,GIS开发:Threejs加载gltf模型,加载比较小的几个是没问题的,这里批量加载了一些量比较大的模型进行测试。
gltf是用blender进行导出的,直接导出的压缩格式,后缀名是.glb的。
模型数量有500多个
导出的.glb数据数据量总共1GB左右
使用nginx进行模型数据发布
循环使用THREE.GLTFLoader进行模型加载
模型全部加载

模型加载完成的效果:
image.png
模型的测试效果:
本机测试,数据传输速度还是比较快的,不到1分钟加载完成
加载的时候,场景移动有些卡顿,模型加载完成后,场景操作就比较流畅了
性能消耗比较大,chrome的内存已经占用到4GB多了
模型细节还原的真实度还是可以的

综述:
使用three.js,很容易添加场景的一些光照和阴影等效果;
制作一个小的三维场景还是可以的;
每个模型上的效果,还是有API进行控制的;
电脑性能还是要求比较高的,浏览器方面,还是chrome展现的最好;
重复的对象,比如树木、路灯等小部件,加载一次模型,复制对象,设置位置,这样效率会高很多;
优化方面,要想提高模型的加载量,可以根据视野动态加载、卸载模型数据,这要在基础上进一步开发;

模型细节、贴图优化也是一方面,但是这样会降低模型的展示效果;

功能方面,特别是gis方面,还是需要自己开发的。

相关文章
|
12天前
|
JavaScript 前端开发 测试技术
Vue.js开发者必看!Vue Test Utils携手端到端测试,打造无懈可击的应用体验,引领前端测试新风尚!
【8月更文挑战第30天】随着Vue.js的普及,构建可靠的Vue应用至关重要。测试不仅能确保应用质量,还能提升开发效率。Vue Test Utils作为官方测试库,方便进行单元测试,而结合端到端(E2E)测试,则能构建全面的测试体系,保障应用稳定性。本文将带你深入了解如何使用Vue Test Utils进行单元测试,通过具体示例展示如何测试组件行为;并通过Cypress进行E2E测试,确保整个应用流程的正确性。无论是单元测试还是E2E测试,都能显著提高Vue应用的质量,让你更加自信地交付高质量的应用。
25 0
|
28天前
|
JavaScript 前端开发 应用服务中间件
【qkl】JavaScript连接web3钱包,实现测试网络中的 Sepolia ETH余额查询、转账功能
【区块链】JavaScript连接web3钱包,实现测试网络中的 Sepolia ETH余额查询、转账功能
|
3月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
37 6
|
3月前
|
前端开发 JavaScript 算法
JavaScript事件监听测试代码
JavaScript事件监听测试代码
24 0
|
4月前
|
JavaScript Java 测试技术
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
36 0
|
4月前
|
JavaScript 前端开发 数据格式
期末测试——JavaScript方式练习题
期末测试——JavaScript方式练习题
78 0
|
10月前
|
JavaScript 前端开发 测试技术
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
|
12月前
|
Web App开发 JSON JavaScript
SAP UI5 自动化测试工具的 qunit-redirect.js
SAP UI5 自动化测试工具的 qunit-redirect.js
|
12月前
|
JavaScript
html使用vue模板、html引入vue.js-测试demo
html使用vue模板、html引入vue.js-测试demo
|
12月前
|
JavaScript 前端开发 安全
JS渗透测试
JS渗透测试
300 0