GUI controls limits

[phaselock]

Hi again ! So with the recent fix on executeOnAllControls, I wanted to push the boundaries but hit a wall almost immediately. Not entirely sure which is the culprit here but I repro'ed in PG: https://www.babylonjs-playground.com/#XCPP9Y#581

On my screen, the perf is still fairly smooth with 100 textblocks. If I set it to 1000 in the for loop, the pg slows down incredibly. Is this the case for html5 ? I'm just curious where the bottleneck might be and how can I still obtain smooth redraw past 1000 gui elements ?

[Guest]

Well, first question is: Why do you need to do that update once per frame? Obviously updating 1000 controls per frame will suck the perf

[brianzinn]

Try to move the controls only when you need to.  Not sure if this will work for you, but there are some hooks in the system for that:
https://www.babylonjs-playground.com/#XCPP9Y#584

Once you finish moving then it goes back up to 60FPS.  That's a lot of text blocks!

 

[phaselock]

@Deltakosh yeah agreed, i was really hoping not to have to update per frame. My use case is for visualizing/debugging an elevation map (eg: http://maps-portland.com/img/0/elevation-map-of-portland-oregon.jpg ). Instead of showing 1 label on mouse-over, I wanted to show more data with box selection. Maybe I'll try smthg else, thanks.

@brianzinn that's nice, thanks for the effort ! Works ok on my browser but I really wanted to get similar perf to typical html5 on slower systems.