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

页面适配问题