mapbox-maps-ios icon indicating copy to clipboard operation
mapbox-maps-ios copied to clipboard

Improve camera.fly animation smoothness or add an animation curve parameter

Open dandyweng opened this issue 2 years ago • 3 comments

New Feature

Refine the camera.fly method for smoother transitions. The current iOS implementation feels abrupt in comparison to the JS version of Mapbox, which provides a smoother experience by quickly starting and slowly easing into the destination. I would suggest adding an optional animation curve parameter like camera.ease, or by default, refining the existing animation to more closely mirror the JS version.

Solution Suggestions:

  1. Add an animation curve parameter in the camera.fly method.
  2. Modify the default animation to align with the JS version's smoothness.

Why

A smoother transition enhances user experience by reducing visual jarring and ensures consistent behavior across platforms.

Note: Updates on issue #990 would be appreciated, which also affects the smoothness of the animation.

dandyweng avatar Sep 12 '23 06:09 dandyweng

Hi @dandyweng --

Thanks for sharing this suggestion. If you are interested in a smoother transition with more control can you use camera.ease in your use case? If not, can you share why?

pjleonard37 avatar Sep 12 '23 18:09 pjleonard37

Hi @pjleonard37,

Thanks for the suggestion. I've tried camera.ease, but its lack of a zoom animation causes disorientation for longer transition distances. The zoom effect in camera.fly is more visually appealing and provides a more intuitive sense of movement across the map.

dandyweng avatar Sep 13 '23 12:09 dandyweng

@dandyweng I've created an internal ticket to track this https://mapbox.atlassian.net/browse/MAPSIOS-1127

evil159 avatar Oct 16 '23 09:10 evil159