手機端顯示不清晰問題性能優化
設置THREE.WebGLRenderer參數優化,window.devicePixelRatio手機端的值較大,會致使性能問題。renderer.setPixelRatio設置的值調節到合適便可。多線程
// 調整顯示效果框架 renderer.setPixelRatio(window.devicePixelRatio);性能 |
性能優化優化
THREE.WebGLRenderer渲染須要消耗大量的手機性能,當3D場景較複雜或是中低端的手機會有嚴重的性能問題。spa
// 優化節點1:調節setPixelRatio到適當的值線程 renderer.setPixelRatio(2);設計 // 優化節點2:優化animate刷新頻率ci function animate()io render() // 優化節點3:3D場景設計優化 function scene3DOpt() // 優化節點4:多線程優化 function multiWorker()
|
// 使用混合框架DCLoud加載 5+ API 頁面適配問題 |