AR.js專題-移動端適配

手機端顯示不清晰問題

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

頁面適配問題