手机端显示不清晰问题
设置THREE.WebGLRenderer参数优化,window.devicePixelRatio手机端的值较大,会导致性能问题。renderer.setPixelRatio设置的值调节到合适即可。
// 调整显示效果 renderer.setPixelRatio(window.devicePixelRatio); |
性能优化
THREE.WebGLRenderer渲染需要消耗大量的手机性能,当3D场景较复杂或是中低端的手机会有严重的性能问题。
// 优化节点1:调节setPixelRatio到适当的值 renderer.setPixelRatio(2); // 优化节点2:优化animate刷新频率 function animate() render() // 优化节点3:3D场景设计优化 function scene3DOpt() // 优化节点4:多线程优化 function multiWorker()
|
// 使用混合框架DCLoud加载 5+ API 页面适配问题 |