search

RodrigoHamuy / react-three-map

Use React and Three.js inside Mapbox and Maplibre
https://rodrigohamuy.github.io/react-three-map/
MIT License
191 stars 26 forks source link

Drei <Html transform /> flickering #106

Open henriandrade opened 4 months ago

henriandrade commented 4 months ago

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

RodrigoHamuy commented 4 months ago

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

tom-twinlabs commented 2 months ago

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 commented 2 months ago

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?

RodrigoHamuy commented 2 months ago

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.