Responsive sprite animation

[Dmytro Ivanovich]

Help me solve a problem with adaptive animation, I use GSAP and scrollTrigger to make a sprite animation of a rotating bagel, and there are problems with screen resolutions from 1920px to about 1550px, when you change the screen size, the animation breaks a little, sprites are shifted and it doesn't look good. The problem manifests itself when I reduce the screen size by a few pixels, the animation breaks, when I further reduce it by a few more pixels, it is restored. The project is already large with many files, so it was difficult to make a demo version in codepen. The problem is that the sprites are shifted and the animation looks bad. link to the entire site to make the problem clearer https://rivne-kolo.netlify.app

See the Pen VwqgKxv by dimores28 (@dimores28) on CodePen

[mvaneijgen]

I think we can't fix that for you. I've looked at your sprite sheet and it seems there is uneven gaps between your sprites, which means you either have to use uneven values throughout your tween or fix your sprite sheet, with either we can't help. 

 

Take a good look at your sprite at the issue points you can see the gap between sprites isn't even. 

 

I've made your pen even simpler we don't need all other stuff to see the issue. If someone else wants to take a look. 

 

See the Pen PoXVJXd?editors=0100 by mvaneijgen (@mvaneijgen) on CodePen

 

 

[Dmytro Ivanovich]

On 10.10.2023 at 10:23, mvaneijgen said:

Я думаю, мы не сможем исправить это за вас. Я просмотрел ваш лист со спрайтами, и мне кажется, что между вашими спрайтами неравномерные промежутки, что означает, что вам либо нужно использовать неравномерные значения во всей анимации, либо исправить ваш лист со спрайтами, и в том, и в другом случае мы не сможем помочь.

 

Внимательно посмотрите на свой спрайт, в проблемных точках вы увидите, что разрыв между спрайтами неравномерен.

 

Я сделал ваше перо еще проще, нам не нужны все остальные материалы, чтобы увидеть проблему. Если кто-то еще захочет взглянуть.

 

 

 

 

 

Thank you!
Very helpful, I suspected there might be a problem with the sprites but I needed confirmation from a specialist so I could get the designer to redo it, because he's not so easy to convince to make changes 

[JadeRaymon]

I was very pleased to see a question from a Ukrainian on this forum:) Glad to see that the business is developing and growing. I wish you success in the project!