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.

1. Pender
Cross Platform Hardware Accelerated
JavaScript 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 is
Closing the Native vs HTML5
performance gap
○ faster js execution environment than native webview
○ low latency Native-JS bridge
○ access to native audio and graphics api's

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 Mobile
In which we triumphantly announce our
intention to make games for the mobile
marketplace!

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
● AppMobi's 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
Native
JS 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 layer
or
● 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