OpenGL is a graphics library used for 2D and 3D visualization that allows developers to configure a graphics pipeline and submit data to it. OpenGL for Embedded Systems (OpenGL ES) is a simplified version for mobile systems. OpenGL is useful for mobile because it utilizes the GPU's hardware acceleration, improving performance for graphics operations that have a parallel structure like effects, textures, and lighting. Some examples of mobile apps that use OpenGL for their user interfaces include Instagram for filters, Netflix for its UI, and iBooks and Flipboard for their page turning animations.

1. OpenGL for Mobile UI
Anil Narasipuram
Mobile First

2. What is OpenGL?
• The Open Graphics Library (OpenGL) is used
for visualizing 2D and 3D data.
• OpenGL allows application developers to
configure a 3D graphics pipeline and submit
data to it.
• OpenGL for Embedded Systems (OpenGL ES)
is a simplified version of OpenGL for mobile
systems

3. What is OpenGL?

4. http://www.macresearch.org

5. Apple’s Core Animation Guide

6. Why OpenGL?
• Mobile has limited hardware resources
• Utilizing Hardware Accelaration on GPU
• Graphics operations have a highly parallel
structure
• Effects - depth, blending, lighting, textures
• Is under the hood for everything else

8. Source:http://www.stanford.edu/class/cs193p

11. Applications in User Inteface
• For complex effects – depth, transparency,
lighting, shadows, reflections
• For performance and responsiveness
• Much greater flexibility with design
• Instagram/Hipster/Viddy filters
• Netflix/Fanhattan UI
• iBook/Flipboard animations
• Graphics for iOS/Android