Pender presentation 2.0

  • 1,675 views
Uploaded 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.

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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,675
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
10
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. PenderCross Platform Hardware AcceleratedJavaScript Canvas API for mobile devices
  • 2. Pender is● A Hardware Accelerated Graphics API with JavaScript Bindings
  • 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. 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. Pender is● A DOM-less JS execution environment ○ mobile apps written entirely in javascript ○ pure js execution environment through an embedded js engine
  • 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. 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. Pender is Open Source● Become a Pender Contributor!● Fame and fortune as a dashing github secret agent! github.com/lorinbeer/
  • 9. Why Pender?
  • 10. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware
  • 11. Why Pender?● Mobile Marketplace is ○ A moving target ■ changing software and hardware ○ Growing source: Flurry Analytics http://www.flurry.com/
  • 12. The Mobile Marketplace
  • 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. The Mobile Marketplace
  • 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. Games For MobileIn which we triumphantly announce ourintention to make games for the mobilemarketplace!
  • 17. Now What?
  • 18. Web Standards● common denominator across mobile platforms ○ smartphones have browsers!● large expert workforce● low barrier of entry
  • 19. Android WebView Bench Demo
  • 20. Existing Solutions● AppMobis impact.js Engine
  • 21. Existing Solutions● proprietary● subscription based● not based on open standards● modest performance gains
  • 22. What Pender can do for you!
  • 23. Android Pender Demo Demo
  • 24. How does it Pender?
  • 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. Pender & Cordova● Using Cordova to augment Pender ● let Pender drive ● Cordova acts as a UI layer
  • 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. Cordova Pender Plugin Demo
  • 29. And maybe later... we could contribute to pender?
  • 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