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