Your timing with this could not have been better for me. I was just reading up on what the internet had to say about requestAnimationFrame when the notification about your new video popped into view. So thanks. Also: nice b-roll!
Great video! I am looking forward for new episodes about new animation-related stuff. Thnx I watched your GREAT course about the Browser Rendering Optimizations. It would be awesome if we see some of it's hot contents in one of your future videos
You might find some joy in Framesync www.npmjs.com/package/framesync It splits rAF into read, update and render steps making it easy to batch these jobs and, for instance animate transforms seperately. There’s also a keepAlive option so you don’t have to manually create the recursive calls.
Strong b-roll game Paul! (there's some black magic to get this shallow depth of field with a Pixel 2, right??) - Excited to see where this channel goes, subscribed !
Oooo thanks for the reply! Any advanced tips or tricks that we could add to our skill sets would be fantastic. Don't know what languages you are familiar with, but would be super awesome to see if you have any Golang advice to share.
Great explanation, Paul! Thanks for answering. Instead of requestAnimationFrame, what about window.addEventListener('vsync', callbackFn: Function) or onVsyncSignal(callbackFn: Function)?
Why look, it's our questioner! Yeah I feel like that would have been a good name. I guess it could be based on something other than vsync tho... Ah well.
Actually, the unit of measure is written "hertz", with a lowercase 'h'. "Hertz" is a surname. Don't blame me, my physics professor from high school used to be so pedantic (and also correct - great guy all around).
I found a game timer to simulate/calculate at a measured rate and RAF to paint was quite helpful. Although correctly cancelling frames with arrows functions and function reference gets fidly.
I did, but not like you showed. I was talking about this: rAF(() => { rAF(() => { // Stuff here }) }) I think you talked about it on supercharged, not sure. Thanks!
The video starts at 1:03 if anyone's interested. The intro at 0:23 is pretty cool as well, but the animation of the question and coffee drinking adds nothing to the video and is boring to watch.
It's not only about time but also about quality content. The technical content you present is great, and there's nothing wrong with B Rolls when they help to understand the topic like here 4:22 or at least related. Showing a static frame from 0:17 without any animations for 5 seconds is much better than 20 seconds with animations IMO. Good luck with the videos :)
I am on the other end - it adds personality and a little edge, it also shows that thoughts and work went into the video, which is a thing I appreciate - but its a balance of course.
Thank you so much. I've just subscribed, but I feel pretty comfortable to study something from you!
Finally I understand what this requestAnimationFrame is all about, Thanks so much Paul!
Hurray!
Coffee is really a vital potion for our kind. I use to request my working frame time to time 🤣.
Your timing with this could not have been better for me. I was just reading up on what the internet had to say about requestAnimationFrame when the notification about your new video popped into view. So thanks. Also: nice b-roll!
Oh awesome!
Thx for the great video. It's really fun to watch and I like the way you create your videos. +1
I learned many things from you.
Thank you for everything you have shared with us.
your episodes gets better and better. Love your videos.
Great video! I am looking forward for new episodes about new animation-related stuff. Thnx
I watched your GREAT course about the Browser Rendering Optimizations. It would be awesome if we see some of it's hot contents in one of your future videos
Great stuff. Keep up the good work! I've already started to look forward to these on the weekend.
Look at these awesome b-shots!
👍🤓
I am on the flip side waiting for Paul
Paul! I've missed your quick tips on the Chrome Developers channel, and then I found your channel...weeeee what a nice day :D
Welcome!
Love you and I love it!!!!
You might find some joy in Framesync www.npmjs.com/package/framesync
It splits rAF into read, update and render steps making it easy to batch these jobs and, for instance animate transforms seperately.
There’s also a keepAlive option so you don’t have to manually create the recursive calls.
Strong b-roll game Paul! (there's some black magic to get this shallow depth of field with a Pixel 2, right??) - Excited to see where this channel goes, subscribed !
Sorta. Filmic Pro really helps. As does 120fps and a whack of patience ... And grading.
This channel is the channel for developers I have always wanted. Would be awesome to see some videos about nodejs or other server side stuff.
Really glad you're here. What kinds of server side stuff would help?
Oooo thanks for the reply! Any advanced tips or tricks that we could add to our skill sets would be fantastic. Don't know what languages you are familiar with, but would be super awesome to see if you have any Golang advice to share.
Great explanation, Paul! Thanks for answering. Instead of requestAnimationFrame, what about window.addEventListener('vsync', callbackFn: Function) or onVsyncSignal(callbackFn: Function)?
Why look, it's our questioner! Yeah I feel like that would have been a good name. I guess it could be based on something other than vsync tho... Ah well.
Love your videos :D
Thanks!
Actually, the unit of measure is written "hertz", with a lowercase 'h'. "Hertz" is a surname.
Don't blame me, my physics professor from high school used to be so pedantic (and also correct - great guy all around).
Today I Learned
In the code snippet at 4:25, what value does the "time" have and from where does it get the value?
I found a game timer to simulate/calculate at a measured rate and RAF to paint was quite helpful. Although correctly cancelling frames with arrows functions and function reference gets fidly.
Scheduling is generally still too fiddly imo
Hey, you said the thing!
What thing?
@@aerotwist the FLIP thing 😁
At the begining of the video I was like "Oh no, another Grammarly ad $@#*!"
😁🙌
So nice to have you back! Awesome videos.
Would be good if you explained about `rAF(() => rAF())`
I have. Check out the video on scheduling :D
I did, but not like you showed. I was talking about this:
rAF(() => {
rAF(() => {
// Stuff here
})
})
I think you talked about it on supercharged, not sure.
Thanks!
Oh double rAF.... Yeah that gets gross fast
When will Safari support element.animate argh
AnimationFrame is kinda denied/paused when the user isn't focussed on the tab
True story. Well, it's suspended, not denied.
Thumb-up BUT 'One simply does not pour no milk in coffee !' :)
Strong disagree! 😂
How can you not have a custom VSCode theme, duuuude
I'm so uncool rn
That is not an acceptable amount of milk Paul. I hope your teas are more appropriate 😂
Wait, what? No!
Okay, so firstly, that was a slow mo shot I have a perfectly calibrated sense for milk in my coffee. Secondly tea is awful.
🤣
I'm starting to wonder if you're actually British. Always heard rumours about you being an AI..
Coffee with milk? Gross 😂 black coffee is THE shit !
But the Video is awesome! I learned a lot!
Incorrect 😂
But the way you make your coffee 😍😍
Your B-Roll is awesome! I‘m looking forward for more videos!
Except your Coffe the Videos are THE shit;)
Triggered my google home 😂
Achievement unlocked! I can't watch the video either.
The video starts at 1:03 if anyone's interested. The intro at 0:23 is pretty cool as well, but the animation of the question and coffee drinking adds nothing to the video and is boring to watch.
It's only a minute of your life 😂 I wouldn't expect me to stop doing B Roll any time soon btw.
It's not only about time but also about quality content. The technical content you present is great, and there's nothing wrong with B Rolls when they help to understand the topic like here 4:22 or at least related. Showing a static frame from 0:17 without any animations for 5 seconds is much better than 20 seconds with animations IMO. Good luck with the videos :)
I understand your position. For what it's worth I want to show a little more than just technical content. Not for everyone, though.
I am on the other end - it adds personality and a little edge, it also shows that thoughts and work went into the video, which is a thing I appreciate - but its a balance of course.
should've been named onBeforeNextVSync() on par with onBeforeUnload() etc. Great editing btw, and great content, keep it coming.
I'm not sure I like coffee
Have some anyway