From Stage3D development on the desktop with Flash Player, to cross-platform mobile development with Adobe AIR, Adobe is shaping Flash to be the console of the web. Do you know about Stage3D (for GPU acceleration) and the frameworks supported by Adobe for game development? Have you heard about Project Monocle? Which will revolutionize the way developers profile Flash content. Have you seen the Epic Unreal engine run in Flash? Join Thibault in this session to learn more about the projects the Gaming team at Adobe is working on.
How NOT to do showcase events: Behind the scenes of Midnight Show / Andrew Ko...
Adobe: Changing the game
1. Changing the game
December 8th 2012
Thibault Imbert | Sr. Product Manager (Graphics, ActionScript, Adobe Scout)
@thibault_imbert | bytearray.org
Friday, December 7, 12
2. The audience
Approximately 600M people
have already opted into using
the silent auto update feature.
600M
is
more
than
2
#mes
the
number
of
Xbox360,
PS3
and
Wii
ever
sold.
We can update these 600 million
people to new versions of the
runtime in less than 48 hours.
facebook.com/
AngryBirds
Friday, December 7, 12
3. 9 of the top 10
games
* This list was compiled by looking
at the top games on Facebook
with more than 100,000 monthly
active users and giving priority to
those games with the highest user
satisfaction scores.
facebook.com/
KingsRoadGame
Friday, December 7, 12
5. Adobe AIR for
Standalone apps No friction
Reuse ActionScript 3 code between
desktop and mobile targets.
No shared runtime is required when
packaged on mobile devices.
Same code (AS3)
No friction
*
Flash Player for
Desktop browsers
* Chrome only
Friday, December 7, 12
6. FLASH PLAYER 11.4 / AIR 3.4
• Concurrency (ActionScript workers)
• Support for more hardware-accelerated video cards
• Compressed texture with alpha support
• StageVideo.attachCamera
• Camera.copyToByteArray/Camera.copyToVector/drawToBitmapData
• LZMA runtime compression/decompression on ByteArray
• AIR iOS Push Notifications
• AIR direct deployment (without iTunes)
Friday, December 7, 12
7. FLASH PLAYER 11.5 / AIR 3.5
• Shared memory support for Concurrency (ActionScript workers)
• Debug stack trace in release builds of Flash Player
Friday, December 7, 12
8. FLASH PLAYER 11.6 / AIR 3.6
• Query Graphics Data
• Multiple SWF support for iOS
• Fullscreen UI permission dialog improvement
On Labs!
labs.adobe.com
Friday, December 7, 12
11. just converted a small project to Starling+AIR and am getting
solid 60fps... super impressive.
I'm quite impressed. Am doing a 3-month project using AIR +
Starling and I'm totally looking forward to it thanks to this.
Powered by
Got 60fps on Mobile & Desktop thanks to @gamua (Starling), Nape, & AIR
@gamebuilders is close to release now! #gamedev t.co/usISHxvo Stage3D
Use one set of platform agnostic
GPU APIs to target the browser and
mobile devices (iOS, Android)
Friday, December 7, 12
12. Powered by
Stage3D
Use one set of platform agnostic
GPU APIs to target the browser and
mobile devices (iOS, Android)
Ruby Blast
Friday, December 7, 12
13. Powered by
Stage3D
Use one set of platform agnostic
GPU APIs to target the browser and
mobile devices (iOS, Android)
Smart Aliens
Friday, December 7, 12
14. Over 20k AIR apps on the iOS App Store and Google Play
Friday, December 7, 12
15. Top grossing
Bingo Bash
apps on App
Stores
Song Pop
Machinarium
Friday, December 7, 12
17. Now, what did just happen this week?
Friday, December 7, 12
18. On December 3rd, 6:30pm, we introduced...
Friday, December 7, 12
19. Adobe Game Developer Tools
Gaming SDK FlasCC Adobe Scout
Create Extend your reach Profile
Friday, December 7, 12
20. It is hard today to get started.
Friday, December 7, 12
21. Friction
FlashDevelop + Starling + Air 3.2 + Stage3D + Android = Love!
1. Download and install the Android SDK (http://developer.nvidia.com/tegra-android-development-pack)
2. Install AIR 3.2 Release Candidate on windows (http://labs.adobe.com/technologies/flashplatformruntimes/air3-2/)
3. Install AIR 3.2 Release Candidate on android device (http://labs.adobe.com/technologies/flashplatformruntimes/air3-2/)
4. Download AIR 3.2 SDK (http://labs.adobe.com/technologies/flashplatformruntimes/air3-2/)
5. Overwrite AIR 3.2 SDK over the flex folder of FlashDevelop (C:FlashDevelopToolsflexsdk)
6. Download, install and start FlashDevelop (http://www.flashdevelop.org/)
7. Create a new Air Mobile As3 App
8. Change aplication.xml
a. <application xmlns="http://ns.adobe.com/air/application/3.2">
a. <fullScreen>true</fullScreen>
b. <visible>true</visible>
c. <renderMode>direct</renderMode>
d. <aspectRatio>landscape</aspectRatio>
e. <autoOrients>false</autoOrients>
9. Project → Properties
a. Output (tab)
i. Platform → Air Mobile
ii. Version → 3.2
iii. Dimensions → 1280x800 (This affects only the swf version for desktop)
iv. Framerate → 60
b. Sdk (tab)
1. Choose the path where you copied the AIR 3.2 SDK
c. Compiler Options
1. Additional Compiler Options → -swf-version=13 (-swf-version=15 works too)
10. Change Run.bat
a. Target → choose your target type
b. Desktop → choose your target resolution
11. Create a certificate for Android using /bat/CreateCertificate.bat and wait a minute
12. Download and copy last Starling library (http://gamua.com/starling/) to your project folder
13. Write your 3D game / app
Friday, December 7, 12
22. Friction
14. In your Android device be sure to check on your USB debugging and allow Unknown sources
a. Menu → Settings → Applications → Unknown sources
b. Menu → Settings → Applications → Development → USB debugging
15. Connect your Android to your computer and let the computer install the necessary drivers
16. Publish (ctrl + enter)
17. If you get a “Fatal error: The application lost the device context!” just put
Starling.handleLostContext = true; before you create an instance of Starling.
18. Enjoy it!
Sweet!
It just compiles an
empty SWF!
Friday, December 7, 12
23. Frictionless, easy to get started
We should go from 18 steps to 3:
1. Download Flash Builder
2. Open a sample provided
3. Compile and test
Friday, December 7, 12
24. AIR SDK Frameworks Extensions Docs ATF
Free
AIR SDK 3.5 Game Center Link to resources ATF command-
Product Store ATF Documentation line tools
Social ANE Documentation
StageAd Code samples
BetaTesting Starling
Away3D
Feathers
}
MacOS (.dmg) Windows (.exe)
Friday, December 7, 12
29. Starling
Starling is an open-source, 2D
framework that makes it easy to
create GPU-accelerated games and
applications.
starling-framework.org
var hero:Sprite = new Sprite();
hero.x = 200;
hero.y = 200;
hero.addEventListener(Event.ENTER_FRAME, loop);
addChild(hero);
Free eBook available for download at O’Reilly:
http://oreil.ly/PPsohC
Friday, December 7, 12
31. Feathers
Create 2D UI on the GPU with Feathers.
A lightweight open-source 2D UI
component extension for Starling.
feathersui.com
Friday, December 7, 12
32. Away3D
Lightweight open-source 3D
framework. Huge community
contributing.
away3d.com
Friday, December 7, 12
35. The stack
Feathers (2D) All of these frameworks are
supported by Adobe.
By supporting these, we also want
to make sure they integrate
Integration between each other beautifully.
Away3D (3D) Starling (2D)
Open-source, free and vibrant community
Friday, December 7, 12
36. FlasCC
Bring your native C/C++ games
to the browser to reach a billion
people.
AS3 Bytecode
C/C++
LLVM bitcode (.abc)
(llvm-gcc)
on AVM2
Friday, December 7, 12
37. FlasCC
Native code runs securely and cross-
platform in the ActionScript 3 Virtual
Machine.
AS3 Bytecode
C/C++ LLVM
(.abc)
(llvm-gcc) bitcode
on AVM2
Friday, December 7, 12
42. Unity Flash export
Bring your Unity games to the
browser reaching millions of
people.
unity3d.com/unity/publishing/flash
Friday, December 7, 12
43. VM only
Today, using the profiler in Flash Builder only exposes VM related
information.
Debugger builds only
Profiling
The existing Flash Builder profiler relies on debugger builds
(performing slower than release builds). Limitations today with Flash
Player and AIR
Not stable
Complex content can also crash your profiling
No in-context testing
Being able to use release builds allows easy in-context testing.
No visualization
There is no existing tool allowing developers to easily spot
issues in their content.
No mobile profiling
There is no out of the box solution to profile mobile content
(AIR) today.
Friday, December 7, 12
44. Adobe Scout
Revolutionize the way you profile
Flash content across desktop and
mobile devices.
Monocle exposes granular
information never exposed
before to Flash developers.
No code instrumentation
needed.
Works with the release Flash
Player and AIR runtime.
Friday, December 7, 12
52. Future
Longer term plans
Flash Builder
ActionScript “Next”
ASC, AOT, AVM
Graphics
Friday, December 7, 12
53. ACTIONSCRIPT PERFORMANCE
Bring ActionScript to the
Introduce concurrency Performance improvements
next level
ActionScript 3 ActionScript 3 ActionScript “Next”
Today Q4 2012 2013
(ActionScript Workers) ASC 2.0 ASC 4.0
Flash Player 11.4/AIR 3.4 Flash Player 11.x/AIR 3.x ActionScript “Next”
(better bytecode,
faster performance)
Friday, December 7, 12
54. TOOLING ALIGNMENT
Bring ActionScript to the
Introduce concurrency Performance improvements
next level
ActionScript 3 ActionScript 3 ActionScript “Next”
Today Q4 2012 2013
(ActionScript Workers) ASC 2.0 ASC 4.0
Flash Player 11.4/AIR 3.4 Flash Player 11.x/AIR 3.x ActionScript “Next”
(better bytecode,
faster performance)
Flash Pro CS6 Update Flash Builder 4.7 Flash Builder “Next”
Flash Builder 4.7
Friday, December 7, 12
55. ACTIONSCRIPT PERFORMANCE
A great language for game development (and much else)
1. Provide developers with precise controls over execution speed / memory
consumption of their games
2. Exploit modern compiler/VM technology to eliminate the need for tedious, error-
prone performance tweaks
3. Prepare the language for games of the future (functional programming,
concurrency, parallelism)
Friday, December 7, 12
57. Stage3D “extended” profile
Increased GPU reach Query Graphics (for Sergey!)
Stage3D “constrained” Query Graphics Data Stage3D
Today
Tomorrow After tomorrow
Flash Player 11.4/AIR 3.4
Flash Player 11.6/AIR 3.6 Flash Player 11.7/AIR 3.7
Friday, December 7, 12
58. New compression formats
Query Graphics Stage3D “extended” profile
(2D content)
Query Graphics Data Stage3D ATF Format
Tomorrow Tomorrow
Flash Player 11.6/AIR 3.6 Flash Player 11.7/AIR 3.7
Friday, December 7, 12
59. New compression formats
Improvements
(2D content)
ATF Format JDIs
Tomorrow Tomorrow
Flash Player 11.7/AIR 3.7 Flash Player 11.x/AIR 3.x
Friday, December 7, 12