adamgreenough

Any indicator of poor real world performance at all really, my wip site (https://breathe.guide) centers around the animations and I am seeing lots of skipped frames under load that seems to be the lag compensation doing its job.

I'd quite like to show a little toast notice when there are performance issues on my app with some tips (closing other tabs, programs, etc.) as its likely to be used on a fair few lower powered devices. Does anyone know of any way I might detect this?

Thank you, I will nab that source then if you don't mind and make a note to upgrade as soon as I can. ?

Thanks @ZachSaucier & @PointC! Glad I was not going crazy. ? Is the beta available anywhere for tinkering with except the CodePen CDN? It is only a little side project for now so not too worried about stability but would love to get past this issue.

There are 4 possible state changes at variable intervals depending on the app settings (supplemented by the vars at the beginning of the demo JS, adding a hold will make it pause in the middle). inhale, hold1, exhale, hold2. Each state has an audio cue and triggers an external label change not shown in the codepen. I am currently handling this with the 2 onStart and onCompletes. You can imagine that the left side is inhale, it can optionally come to a pause in the center for hold, then continue round the right for exhale with a hold again. I am not sure this is possible with a single tween. I had this working in anime.js but migrating to GSAP for better performance. Is it expected that a second motionpath in a timeline would seem to ignore a 'start' setting? I guess trying to work out the SVG to have a more natural default start point (instead of 0.075!) could fix it or perhaps hacking around with play/pause and checking of the progress but TBH I had a hard enough time getting that one to work and would quite like to fix this implementation which feels like it should be working. ?

Hi Craig! Thanks so much for your response. The reason it is in a timeline is because I am triggering audio cues and other labels at the start/complete intervals of each as part of a breathing exercise.

Hi! I am wondering if somebody can help me with my looping motionpath timeline. I am trying to get a smooth infinity motion but for some reason, the "start" of the second timeline.to() appears to be jumping ignoring the start position. Demo here: https://codepen.io/adamgreenough/pen/LYRevpR Any help would be much appreciated! Feel like I've tried everything. Many thanks.