Slideshows about Hardware Acceleration

http://www.slideshare.net/ariyahidayat/understanding-hardware-acceleration-on-mobile-browsers-13463369
Key Points:

  • Slide 11 explains the order of rendering “from waves to pixels”:
    1. Network stack
    2. Layout engine
    3. JavaScript engine
    4. Graphics
    5. User interface
  • Slide 16 explains the GPU workflow:
    1. Vertices
    2. Matrix
    3. Rendered
    4. Textured
  • Slide 27 shows estimated rendering speeds for solid vs. gradient:
    1. Linear gradient up to 14x slower than solid color fill
    2. Radial gradient about 2x linear gradient…
  • Slide 31 shows estimated rendering speeds for solid vs. blur shadow:
    1. Blur shadow up to 20x slower…
  • Slide 53 explains the principles of fluid animation:
    1. At the beginning, push as many resources as possible to the GPU
    2. During animation, minimize CPU-GPU interaction
  • Slides 62-67 explains the process of a simple background color change:
    1. I wish the slideshow had the author’s notes, because a lot of information is missing, but hopefully at least you understand how expensive even simple animation can be

http://www.slideshare.net/joone/hardware-acceleration-in-webkit
Key Points:

  • Slide 6 explains graphics acceleration in WebKit, showing which effects are done in Video acceleration, 2D acceleration, or 3D acceleration.
  • Slide 8: “iPad plays only one video due to hardware acceleration”
  • Slide 10 explains how 2D acceleration works.
  • Slides 12-14 explain how the Document and Render Trees work.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s