react-three-map icon indicating copy to clipboard operation
react-three-map copied to clipboard

Drei <Html transform /> flickering

Open henriandrade opened this issue 1 year ago • 5 comments

React Drei <Html> component with property "transform={true}" seems to not work under react-three-map canvas.

henriandrade avatar May 15 '24 00:05 henriandrade

Can you add a codesanbox to take a look? Thanks! I suspect is related to the camera transform.

RodrigoHamuy avatar May 15 '24 20:05 RodrigoHamuy

I'm having a similar issue, only difference I see it without transform mode in drei/html . I made a sandbox here but I can't replicate it in the sandbox, I'll keep trying but feel free to collaborate on that sandbox

tom-twinlabs avatar Jul 11 '24 16:07 tom-twinlabs

drei/html does a lot of calculations with the camera transform, is than an unsafe thing to do because react-three-map is changing the transform at other times?

tom-twinlabs avatar Jul 11 '24 16:07 tom-twinlabs

Yes, I guess if you use transform we may need to improve our camera matrix calculations or maybe we are not updating the viewports correctly.

RodrigoHamuy avatar Jul 12 '24 08:07 RodrigoHamuy