Open GL for Mobile UI
-
Upload
tagged -
Category
Technology
-
view
460 -
download
2
description
Transcript of Open GL for Mobile UI
![Page 1: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/1.jpg)
OpenGL for Mobile UI
Anil NarasipuramMobile First
![Page 2: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/2.jpg)
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
![Page 3: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/3.jpg)
What is OpenGL?
![Page 4: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/4.jpg)
http://www.macresearch.org
![Page 5: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/5.jpg)
Apple’s Core Animation Guide
![Page 6: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/6.jpg)
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
![Page 7: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/7.jpg)
![Page 8: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/8.jpg)
Source:http://www.stanford.edu/class/cs193p
![Page 9: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/9.jpg)
![Page 10: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/10.jpg)
![Page 11: Open GL for Mobile UI](https://reader036.fdocuments.net/reader036/viewer/2022062406/558ec1ce1a28ab30778b477c/html5/thumbnails/11.jpg)
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