60fps on the mobile web (engineering.flipboard.com)
almost 9 years ago from David Barker
almost 9 years ago from David Barker
I'm amazed by the performance. I tried on a 4s and it still works smoothly. Making almost anything on canvas is a challenging job but I think it's worth it.
I reminded an animation which I did in the past. I was asked to animate 1000+ points that represents people switching from one place to another. I tried with divs but the result was very disappointing. FPS dropped after 100 divs very drastically so couldn't continue with DOM anymore. Then I've switched to canvas and used Kinetic.js. It has also caching methods so I managed to make it work around 60fps.
Wow, never thought someone would build an entire app in canvas just to get 60fps performance. It sorta works, but also feels a little weird?
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now