3D開發-AR.js 移動端適配

手機端顯示不清晰問題性能優化

    設置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

頁面適配問題

相關文章
相關標籤/搜索