search

3DStreet / 3dstreet

🚲🚶🚌 Web-based 3D visualization of streets using A-Frame
https://3dstreet.app
Other
267 stars 33 forks source link

Improve scene performance #451

Open Algorush opened 10 months ago

Algorush commented 10 months ago

I noticed that in heavy scenes (especially with animation), the main JS thread is sometimes blocked and the image slows down. There are many ways to improve the performance of Three.js projects. The official documentation mentions these methods: https://threejs.org/manual/#en/optimize-lots-of-objects https://threejs.org/manual/#en/optimize-lots-of-objects-animated https://threejs.org/manual/#en/offscreencanvas

Algorush commented 10 months ago

From discord: Kieran Farr: Relevant for global animation at scale https://wizgrav.github.io/three.js/examples/?q=instan#webgl_instancing_morph From https://github.com/mrdoob/three.js/pull/27616 (not yet accepted into three.js library)

wizgrav commented 9 months ago

The functionality was merged in mrdoob/three.js#27669 which supports all types of morph target animations now