Phone side display is not clear problem
Set THREE.WebGLRenderer parameter optimization, value window.devicePixelRatio end of the phone is large, it can cause performance problems. Renderer.setPixelRatio set value can be adjusted to an appropriate.
| // adjust display renderer.setPixelRatio(window.devicePixelRatio); |
Performance Optimization
THREE.WebGLRenderer rendering consumes a lot of phone performance, when more complex 3D scenes or low-end mobile phone have serious performance problems.
| Optimization // Node 1: adjusted to an appropriate value setPixelRatio renderer.setPixelRatio(2); // node 2 optimization: Optimizing animate refresh rate function animate() render() // optimized node 3: 3D scene design optimization function scene3DOpt() // Optimization Node 4: multi-threaded optimization function multiWorker()
|
| // use mixed load frame DCLoud 5+ API Page adaptation problems |