MMT 28: Adobe »Edge to the Flash«

32
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Condential. ANDRE JAY MEISSNER Business Development Manager Web & Mobile, Adobe [email protected] @klick_ass

description

Das brandneue Flash 11 bringt neben einem erstklassigen Multiplattform-Entwicklungswerkzeug für iOS, Android und Blackberry auch viele Neuerungen in Bezug auf Browserkomponenten und Games. Schützenhilfe für sonst Programmieraufwändige HTML5 Animationen kommt dabei von Adobe Edge.

Transcript of MMT 28: Adobe »Edge to the Flash«

Page 1: 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

Page 2: MMT 28: Adobe »Edge to the Flash«

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

Page 3: MMT 28: Adobe »Edge to the Flash«

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

Page 4: MMT 28: Adobe »Edge to the Flash«

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

Time to focus

Page 5: MMT 28: Adobe »Edge to the Flash«

© 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

Page 6: MMT 28: Adobe »Edge to the Flash«

© 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

Page 10: MMT 28: Adobe »Edge to the Flash«

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

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

Page 11: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

Page 12: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

Page 13: MMT 28: Adobe »Edge to the Flash«

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

iOSApp

Native

NativeAndroid

App

NativeBlackberry

AppNativeusw...App

Weitere OSs...

WTF??

Page 14: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Page 15: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Page 16: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

Page 17: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

Page 18: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

Page 19: MMT 28: Adobe »Edge to the Flash«

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

Weitere OSs...

Flash / Flex Applikation

AIR Applikation

Page 20: MMT 28: Adobe »Edge to the Flash«

© 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

Page 21: MMT 28: Adobe »Edge to the Flash«

© 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

Page 22: MMT 28: Adobe »Edge to the Flash«

© 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

Page 23: MMT 28: Adobe »Edge to the Flash«

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

Reality Check!

(On-Device Demos, sorry no offline version)

Page 24: MMT 28: Adobe »Edge to the Flash«

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

Top Paid App

Page 25: MMT 28: Adobe »Edge to the Flash«

Adobe Touch Apps Family

Page 26: MMT 28: Adobe »Edge to the Flash«
Page 27: MMT 28: Adobe »Edge to the Flash«

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

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

Page 28: MMT 28: Adobe »Edge to the Flash«

© 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

Page 29: MMT 28: Adobe »Edge to the Flash«

© 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

Page 30: MMT 28: Adobe »Edge to the Flash«

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

Edge Demo(sorry no offline version)

Page 31: MMT 28: Adobe »Edge to the Flash«

© 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