open gl for mobile ui

11
OpenGL for Mobile UI Anil Narasipuram Mobile First

Upload: tagged

Post on 27-Jun-2015

458 views

Category:

Technology


2 download

DESCRIPTION

Presentation on the basics of OpenGL, what it is, what is does, how it can be used in iOS, and how to use it to create great UI for mobile apps.

TRANSCRIPT

Page 1: Open GL for Mobile UI

OpenGL for Mobile UI

Anil NarasipuramMobile First

Page 2: Open GL for Mobile UI

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

What is OpenGL?

Page 4: Open GL for Mobile UI

http://www.macresearch.org

Page 5: Open GL for Mobile UI

Apple’s Core Animation Guide

Page 6: Open GL for Mobile UI

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
Page 8: Open GL for Mobile UI

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

Page 9: Open GL for Mobile UI
Page 10: Open GL for Mobile UI
Page 11: Open GL for Mobile UI

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