3D开发-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 页面适配问题