Your SlideShare is downloading. ×
0
PenderCross Platform Hardware AcceleratedJavaScript Canvas API for mobile devices
Pender is● A Hardware Accelerated Graphics API with  JavaScript Bindings
Pender is● A Hardware Accelerated Graphics API with  JavaScript Bindings● PenderCanvas  ○   hardware accelerated 2D graphi...
Pender is● A Hardware Accelerated Graphics API with  JavaScript Bindings● PenderCanvas  ○   hardware accelerated 2D graphi...
Pender is● A DOM-less JS execution environment  ○ mobile apps written entirely in javascript  ○ pure js execution environm...
Pender isClosing the Native vs HTML5performance gap  ○ faster js execution environment than native webview  ○ low latency ...
Pender is● Cross Platform  ○   Android  ○   iOS  ○   BlackBerry  ○   Windows Phone7  ○   Pender-Browser shim allows pender...
Pender is Open Source●   Become a Pender Contributor!●   Fame and fortune as a dashing github    secret agent!            ...
Why Pender?
Why Pender?●   Mobile Marketplace is    ○ A moving target      ■ changing software and hardware
Why Pender?●   Mobile Marketplace is    ○ A moving target      ■ changing software and hardware    ○ Growing              ...
The Mobile Marketplace
Why Pender?●   Mobile Marketplace is    ○ A moving target      ■ changing software and hardware    ○ Growing      ■ 2011-2...
The Mobile Marketplace
Why Pender?●   Mobile Marketplace is    ○ A moving target      ■ changing software and hardware    ○ Growing      ■ 2011-2...
Games For MobileIn which we triumphantly announce ourintention to make games for the mobilemarketplace!
Now What?
Web Standards● common denominator across mobile  platforms   ○ smartphones have browsers!● large expert workforce● low bar...
Android WebView Bench      Demo
Existing Solutions● AppMobis impact.js Engine
Existing Solutions● proprietary● subscription based● not based on open standards● modest performance gains
What Pender can do for you!
Android Pender Demo      Demo
How does it Pender?
How does it work?                           Your App                                Your Code                             ...
Pender & Cordova● Using Cordova to augment Pender  ● let Pender drive  ● Cordova acts as a UI layer
Pender & Cordova● Use Cordova to augment Pender     ○ let Pender drive     ○ Cordova acts as a UI layeror● Use Pender to a...
Cordova Pender Plugin      Demo
And maybe later...               we could contribute               to pender?
And maybe later...               check out the code at github                github.com/lorinbeer/Pender-android          ...
Upcoming SlideShare
Loading in...5
×

Pender presentation 2.0

1,812

Published on

Lorin Beer's presentation from the SF PhoneGap Meetup on November 28, 2012. Pender is a cross platform library which offers hardware accelerated graphics through a Canvas API on mobile devices.

Published in: Technology

Transcript of "Pender presentation 2.0 "

  1. 1. PenderCross Platform Hardware AcceleratedJavaScript Canvas API for mobile devices
  2. 2. Pender is● A Hardware Accelerated Graphics API with JavaScript Bindings
  3. 3. Pender is● A Hardware Accelerated Graphics API with JavaScript Bindings● PenderCanvas ○ hardware accelerated 2D graphics context ○ implements HTML5 Canvas spec ○ native implementation ○ javascript bindings
  4. 4. Pender is● A Hardware Accelerated Graphics API with JavaScript Bindings● PenderCanvas ○ hardware accelerated 2D graphics context ○ implements HTML5 Canvas spec ○ native implementation ○ javascript bindings ○ access to the underlying OpenGL ES 2.0 graphics context
  5. 5. Pender is● A DOM-less JS execution environment ○ mobile apps written entirely in javascript ○ pure js execution environment through an embedded js engine
  6. 6. Pender isClosing the Native vs HTML5performance gap ○ faster js execution environment than native webview ○ low latency Native-JS bridge ○ access to native audio and graphics apis
  7. 7. Pender is● Cross Platform ○ Android ○ iOS ○ BlackBerry ○ Windows Phone7 ○ Pender-Browser shim allows pender projects to run in web browser with acceptable graphics performance
  8. 8. Pender is Open Source● Become a Pender Contributor!● Fame and fortune as a dashing github secret agent! github.com/lorinbeer/
  9. 9. Why Pender?
  10. 10. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware
  11. 11. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware ○ Growing source: Flurry Analytics http://www.flurry.com/
  12. 12. The Mobile Marketplace
  13. 13. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware ○ Growing ■ 2011-2012 app store growth ~ 60% ■ increasing phone sales each year source: Flurry Analytics http://www.flurry.com/
  14. 14. The Mobile Marketplace
  15. 15. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware ○ Growing ■ 2011-2012 app store growth ~ 60% ■ larger phone sales volume each year ■ more active devices each year source: Flurry Analytics http://www.flurry.com/
  16. 16. Games For MobileIn which we triumphantly announce ourintention to make games for the mobilemarketplace!
  17. 17. Now What?
  18. 18. Web Standards● common denominator across mobile platforms ○ smartphones have browsers!● large expert workforce● low barrier of entry
  19. 19. Android WebView Bench Demo
  20. 20. Existing Solutions● AppMobis impact.js Engine
  21. 21. Existing Solutions● proprietary● subscription based● not based on open standards● modest performance gains
  22. 22. What Pender can do for you!
  23. 23. Android Pender Demo Demo
  24. 24. How does it Pender?
  25. 25. How does it work? Your App Your Code JS App JS App NativeJS Codebase Pender Art Assets Application Art Assets JavaScript Framework Runtime PenderJS Pender Canvas
  26. 26. Pender & Cordova● Using Cordova to augment Pender ● let Pender drive ● Cordova acts as a UI layer
  27. 27. Pender & Cordova● Use Cordova to augment Pender ○ let Pender drive ○ Cordova acts as a UI layeror● Use Pender to augment Cordova ○ let Cordova drive ○ Pender acts as an alternative canvas rendering target
  28. 28. Cordova Pender Plugin Demo
  29. 29. And maybe later... we could contribute to pender?
  30. 30. And maybe later... check out the code at github github.com/lorinbeer/Pender-android github.com/lorinbeer/Pender-iOS github.com/lorinbeer/Pender-blackberry github.com/lorinbeer/Pender-desktop github.com/lorinbeer/Pender-demos check out prebuilt samples in downloads github.com/lorinbeer/Pender-android/downloads
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×