This is great. I had something a while ago where I wanted to trigger navigator.vibrate at a certain point in an animation, which meant I had to sacrifice nice easings to use requestAnimationFrame to sync the two up. Definitely going to go back and refractor it now I know how easy this is.
Paul, you mention that there are some amazing libraries out there for doing animations that we should check out. I'm interested in which you think are good, especially from a performance point of view? Greensock, for example, looks like it takes the pain out of more complex 'chained' animations using timelines, but I'm worried about using RAF based javascript animations for (hardware acceleratable?) properties like opacity and transforms - does taking this responsibility away from CSS mean we compromise performance?
`ease(value, power = 3) { return 1 - Math.pow(1 - value, power); }` Since it's a one-liner it's nice to have it in the description/comments
Thanks Paul - Great to have you back!
P.S Wow the production quality is really great in this video - You’re like a proper RUclipsr and stuff 😄👌
I'm working hard over here! ;)
Glad you're back! I really liked the animation-themed superchargeds!
You are an awesome human being Paul.
Love the format - small nuggets of useful stuff. Hope there is more to come :)
There is!
This is great. I had something a while ago where I wanted to trigger navigator.vibrate at a certain point in an animation, which meant I had to sacrifice nice easings to use requestAnimationFrame to sync the two up. Definitely going to go back and refractor it now I know how easy this is.
Great video. I hope you continue share is amazing tips.
Thanks Paul, can't wait for the next video 👍
Great one. I think as a bit of improvement cancelAnimationFrame should be called when the animation is done.
This is awesome, love how you explain this!
Fantastic job! Great tip, thank you!
Good stuff! (visiting here after watching you pair programming with mpj on his funfunfunction channel)
Welcome! :)
Thanks, Paul. BTW your channel is epic👍👍👍
Thank you! 😁👍
So good to see the first video. Awesome!
Pretty good first one!
Only "pretty good"?! I'm going to assume you mean that as a Brit would say it, i.e. epic 😂
@@aerotwist, LOL. Pls take it as Awesome.
Waiting for the "Epic"! 😀✌
Awesome. Thank you.
Awesome! Thanks, Paul!
Hope it helps
Epic intro Paul! :D
Hello Paul, I missed you very much. I'm a fun... You help me so much in my career.
Glad to be back, thanks for watching the vid.
Paul, you mention that there are some amazing libraries out there for doing animations that we should check out. I'm interested in which you think are good, especially from a performance point of view? Greensock, for example, looks like it takes the pain out of more complex 'chained' animations using timelines, but I'm worried about using RAF based javascript animations for (hardware acceleratable?) properties like opacity and transforms - does taking this responsibility away from CSS mean we compromise performance?
Very cool tip well explained! May I ask which code editor you are using here? Thank you.
You may. It's VSCode. Check my other video for 6 VSCode tips in 60 seconds
Awesome, thanks :)
This remembers Supercharged series, YESSS
Thank you!
P.S. Nice music!
masterpiece!!!
Thanks Paul,
could you do short video about new class syntax and prototypical inheritance ?
Epic!
good Job! which Editor do you use? is it sublime?
VSCode :)
Top Notch!
More please!!!
Will do!
Hey Paul, can you do a video on requestAnimationFrame? I've been trying to wrap my head around it for the past two years *cries*
I can try! :)
I was expecting a 'septic' joke...
At which point?!
Ohhhhh now I see why! 😂
you're familiar. have i seen you somewhere?