Pender presentation 2.0
-
Upload
phonegap -
Category
Technology
-
view
115 -
download
0
description
Transcript of Pender presentation 2.0
Cross Platform Hardware Accelerated JavaScript Canvas API for mobile devices
Pender
Pender is● A Hardware Accelerated Graphics API with
JavaScript Bindings
Pender is● A Hardware Accelerated Graphics API with
JavaScript Bindings
● PenderCanvas○ hardware accelerated 2D graphics context ○ implements HTML5 Canvas spec○ native implementation○ javascript bindings
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
Pender is● A DOM-less JS execution environment
○ mobile apps written entirely in javascript○ pure js execution environment through an embedded
js engine
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
Pender is● Cross Platform
○ Android ○ iOS○ BlackBerry ○ Windows Phone7○ Pender-Browser shim allows pender projects to run
in web browser with acceptable graphics performance
Pender is Open Source● Become a Pender Contributor!● Fame and fortune as a dashing github
secret agent!github.com/lorinbeer/
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
source: Flurry Analytics http://www.flurry.com/
The Mobile Marketplace
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/
The Mobile Marketplace
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/
Games For MobileIn which we triumphantly announce our intention to make games for the mobile marketplace!
Now What?
Web Standards● common denominator across mobile
platforms○ smartphones have browsers!
● large expert workforce
● low barrier of entry
Android WebView Bench
Demo
Existing Solutions● AppMobi's 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?
JS App
JS Codebase
Art Assets
PenderCanvas
PenderJS
PenderJavaScriptRuntime
Your Code
Art Assets
Your App
JS App
NativeApplicationFramework
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 layer
or
● Use Pender to augment Cordova○ let Cordova drive○ Pender acts as an alternative canvas rendering
target
Cordova Pender Plugin
Demo
And maybe later...
we could contribute to pender?
And maybe later...
check out the code at github
check out prebuilt samples in downloadsgithub.com/lorinbeer/Pender-android/downloads
github.com/lorinbeer/Pender-androidgithub.com/lorinbeer/Pender-iOSgithub.com/lorinbeer/Pender-blackberrygithub.com/lorinbeer/Pender-desktopgithub.com/lorinbeer/Pender-demos