Upload
apoorv-saxena
View
237
Download
2
Tags:
Embed Size (px)
Citation preview
EvolutionIs necessary, though it proceeds gradually and takes some time, it accounts for everyone to be on the same page.
Though, not everyone can afford to walk at the same speed, they must run, jump obstacles, cut corners and give their best shot.
What are we Trying to fit?● HTML5 Games● Single Page Applications● Animations● Editors, Document Collaboration Tools● WebRTC (Video, Audio)and many more.
From JS to Screen:
Style/Layout PaintingJS Compositing
keep < 16ms!
1. Add CSS rules in style via JS.2. Recalculate style, maybe relayout.3. Paint the browser’s mental model to a layer4. Composite all layers into a final image
You must consider:
● Accessibility, Flipboard injects mirror of the content into an invisible dom so it’s still in synch for VoiceOver.
● Canvas is not hardware accelerated on every browser (accompanies device constraints).
DOM Rendering might become amazingly fast soon.
(Hint: remember project Ganesh).
Note: Our eyes are much more attuned to variance than framerate.
A steady 30Hz looks better than 60Hz that misses a few frames a second.
Thank You!
See jankfree.org, html5rocks.com for lots of info