How to make the GUI stop shaking and drag smoothly

[mawa]

Hi,
I believe you would need a new approach to this. It’s unlikely it will work like this in a near future (my opinion only).
There’s been a fair amount of discussions in this forum around this. Solutions around dynamicTexture and shader seem to be the best fit.
I particularly like this (fairly recent) approach to it created and shared by our gui-angel @carolhmj

When drawing a large number of objects in a GUI.Container and performing container movement, the performance becomes very sluggish

Please keep in mind that GUI utilizes a 2D Canvas CanvasRenderingContext2D - Web APIs | MDN (mozilla.org) which can really struggle with drawing lots of elements. In a scenario like this, I highly recommend using 3D planes and textures/shaders instead, as they can take advantage of instancing ( Instances | Babylon.js Documentation (babylonjs.com)) to achieve much better performance. You can see an example of such here, where I compare the use of GUI vs the use of a Node Material Shader for dyna…

Other topics that might be of interest to you:

Perf comparison of different strategies for creating mesh UIs

Testing PG - https://playground.babylonjs.com/#GJ69CX#60 No specific question; posting this to get any feedback from the team and for the community’s general information in case it helps. I wanted to look at the performance of various strategies for creating a UI attached to a mesh. My simple test case has two disc icons attached to a simple disc mesh. For my use case, I needed to be able to independently show or hide each of the icons. The strategies I looked at were as follows: Using me…

Efficient way to render large number of text labels

Hi @kzhsw Thanks for the suggestion, have given it a try earlier but was not able to merge the meshes, getting merge related errors I need text to always face camera (like billlbord mode) which I was not able to achieve. PG : https://playground.babylonjs.com/#PL752W#1511

Custom GUI labels performance test

Not perfect with much space for improvement but it renders with 60 fps on my machine for 200 objects. [Screenshot 2021-01-21 at 10.59.22] https://playground.babylonjs.com/#WC6GET#6 Couple of takes from this exercise: GUI lacks performance, so choosing between GUI vs dynamic textures for mesh material, later is way better choice. Setting up billboard mode with pivot for planes is far from intuitive for corner rotation pivots. Easier alternative is using “proxy” pivot plane, unfortunately …

Slow GUI rendering

Gives me an opportunity to ask you: Where do we stand with this cloning of ADT? At some point during the ‘Gui Adventure’ event, deltakosh and patrickryan seemed to wanting to challenge each other to whom would bring it first… Never heard of it again since then Faced any issues? Didn’t bring the expected results?

I hope any of this will help you find your solution/make decision Meanwhile, have a great day