MMT 28: Adobe »Edge to the Flash«

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

ANDRE JAY MEISSNERBusiness Development ManagerWeb & Mobile, Adobe

[email protected]@klick_ass

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Time to focus

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Optimiert für Mobilität und Performance:

§ GPU-Beschleunigung§ Video bis zu -90% CPU-Last§ A/V Hardware-Decoding§ Multi-touch & Gestures§ Accelerometer§ Unterstützt Eigenheiten

mobiler Tastaturen§ Erkennt Gerätefeatures§ Optimierter Resourcenbedarf§ Sleep mode10.3

FLASH PLAYER

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

FP11 seit 4.10. (11.0) verfügbar

§ Stage3D (aka „Molehill“)

§ Stage2D bzw. Starling-Framework zur GPU-Beschleunigung auch von 2D-Content

11.1FLASH PLAYER

http://www.youtube.com/watch?v=CeYCsBIK3uE

!at‘s (not so Un) REAL!

Movie: Tim Sweeney@MAX, Unreal/UDK4Flash

Movie: Muscle Jump

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Brand Gami"cationLive Demo: http://nissan-stagejuk3d.com

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

Weitere OSs...

WTF??

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Umfasst die Flash Player Features sowie zusätzlich:§ Cut/Copy/Paste§ tel:, mailto:, maps:, video:§ CameraRoll, Geolocationing§ StageWebView§ cacheAsBitmapMatrix§ Device Debugger§ SQLite§ Application Update Framework§ App Market/Store-Verbreitung§ iOS Retina/Multitasking-Support§ Filesystemzugriff (wenn erlaubt)§ 4x schneller auf iOS§ iOS „Interpreter Mode“

2.7AIR

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

3.0 seit 4.10. verfügbar:

§ Hardwarebeschleunigtes Video für Mobile

§ iOS Background Audio§ Android Licensing Support§ Encrypted Local Storage für Mobile§ Back/+Front Camera§ H.264 So!ware Encoding für

Desktop§ AIR Captive Runtime§ AIR Native Extensions 3.1

AIR

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Access device capabilities for which AIR does not provide an ActionScript API:■ Access to a gyroscope or vibration capability■ Access to licensing, payment, ad APIs■ Access to local or push noti!cations

Reuse legacy code:■ Physics or game engines■ PDF rendering

Use native code to achieve greater performance:■ Image or video !lters■ Statistics or simulations

■ Growing public library of ANEs

AIR NATIVEEXTENSIONS

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Reality Check!

(On-Device Demos, sorry no offline version)

#1 App USA, Europe, AsiaiTunes Game of the Week

Top Paid App

Adobe Touch Apps Family

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

CSS Shaders(On-Device Demo, sorry no offline version)

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

§ Animations- und Interaktions-design für offene Webstandards

§ Nutzt HTML5, CSS, JavaScript§ Präzise, produktiv und

performant§ Gute Performance des Outputs

auch auf mobilen Devices

§ Iterative Entwicklungsmethode

§ Bis zum !nalen Produkt verfügbar auf Adobe Labs:labs.adobe.com/technologies/edge

EDGEADOBE

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Neu in Preview 3:

§ Labels zur ID von Schlüsselpositionen

§ Triggers um Events aus der Timeline zu feuern

§ Actions: JS Code zum handling von Triggers, DOM- und Timeline-Events

§ Looping, mehrere Compositions pro Page, innovative Features beim Copy & Paste, u.v.m...

§ ...stay tuned!

EDGEPREVIEW 3

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Edge Demo(sorry no offline version)

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

labs.adobe.com/technologies/edge/resources/jsapi.html

<!--Adobe Edge Runtime--><script type="text/javascript" src="edge_includes/jquery-1.6.2.min.js"></script><script type="text/javascript" src="edge_includes/jquery.easing.1.3.js"></script><script type="text/javascript" src="edge_includes/edge.0.1.3.min.js"></script><script type="text/javascript" src="edge_includes/edge.symbol.0.1.3.min.js"></script><script type="text/javascript" charset="utf-8" src="xxxxxx_edge.js"></script><script type="text/javascript" charset="utf-8" src="xxxxxx_edgeActions.js"></script><link rel="stylesheet" href="xxxxxx_edge.css"/><!--Adobe Edge Runtime End-->

SymbolsActionsRuntime

[email protected]@klick_ass

GOT QUESTIONS?