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 页面适配问题