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.
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/
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/
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!
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
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