Adobe Gaming NOW!
Michaël CHAIZE - Adobe Evangelist
@mchaize
Michaël Chaize
@mchaize
CreativeDroplets.com
RIAgora.com
Appliness
Smart Aliens
www.CreativeDroplets.com
Gaming is HUGE!
3B hours per week spent playing
games globally!
98M Americans (1 in 3 online) play
games.
Tablet owners spend 2/3 of their
tablet time playing games.
Mobile games makes up 80% of app
store revenues.
Gaming is 2x bigger than the music
industry!
Biggest Gaming
Platform is
Browser + Mobile
More than 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 within 30 days.
High Revenue
and High
Performance
Gamers are playing HTML5 games on
devices - ZombieJombie has 2+
million users.
70% growth in 2012 in social game
revenue at Kabam!
$70M monthly revenue from top 9
Chinese games using Flash
SongPop is #1 of FB in 2012
40M users a month play GPU
accelerated Farmville 2.
GPU accelerated gaming with Flash
technologies can reach 1.7B desktops
and mobile device.
The audience
More than 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.
apps.facebook.com/
angrybirdsstarwars/
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
This is a great
time to be a
game developer!
No friction
Reuse ActionScript 3 code between
desktop and mobile targets.
No shared runtime is required when
packaged on mobile devices.
Flash Player for
Desktop browsers
Adobe AIR for
Standalone apps
Same code (AS3)
No friction
*
* Chrome only
No friction
Reuse ActionScript 3 code between
desktop and mobile targets.
No shared runtime is required when
packaged on mobile devices.
Zynga ruby blast
SongPOP
Candy Rush
Powered by Stage3D
Over 23k AIR apps on the iOS App Store and Google Play
• Quarterly release cadence. Every 3 months, new features!
• Beta program (http://labs.adobe.com/technologies/flashruntimes/)
• Test your games and provide us feedback
• Roadmap: http://www.adobe.com/devnet/flashplatform/
whitepapers/roadmap.html
FLASH PLAYER / AIR
• Concurrency (ActionScript workers)
• Support for more hardware-accelerated video cards
• Compressed texture with alpha support
• StageVideo.attachCamera
• LZMA runtime compression/decompression on ByteArray
• AIR iOS Push Notifications
• AIR direct deployment (without iTunes)
• Shared memory support for Concurrency (ActionScript workers)
• Query Graphics Data
• Multiple SWF support for iOS
• Fullscreen UI permission dialog improvement
RECENT FLASH PLAYER AND AIR UPDATES
• Android Captive Runtime Debugging
• OUYA Controller Support
• AIR iOS remote SWF hosting of secondary SWFs
• Preventing backup of shared objects on iOS for better iCloud
support
• 16 bit texture support
RECENT FLASH PLAYER AND AIR UPDATES
• MovieClip.isPlaying
• DisplayObjectContainer.removeChildren
• FrameLabel events
• No BitmapData size limitation
• ApplicationDomain.getQualifiedDefinitionNames()
• BitmapData.drawWithQuality
• Native JPEG/PNG/JPEG-XR Compression
• MouseEvent.RELEASE_OUTSIDE
• Cubic bezier
JDI: TINY APIS BIG IMPACT
RECENT NEWS
• Win 8 Modern CV• Win 8 Modern CV
• Now a blacklist, not a whitelist!
• All your content will just work on Win8 IE 10 - no hoops!
• XC API’s (combination of domain memory and Stage3D)
RECENT NEWS
• Recursive stop API on MovieClips
• GamePad support on desktop browsers and Android
• Increase max texture size to 4096x4096
• Rectangular textures
• LZMA support for iOS
• Datagram and server socket support on mobile
• AND MORE! Watch the Flash Player Roadmap Whitepaper
for updates
NEXT UP!
It’s been a busy year! That’s not all...
On December 3rd, we introduced...
Gaming SDK Adobe ScoutFlasCC
Adobe Game Developer Tools
Create Extend your reach Profile
The Gaming SDK makes it easy to get started
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
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!
Friction
From 18 steps to 3:
1. Download Flash Builder
2. Open a sample provided
3. Compile and test
Frictionless, easy to get started
AIR SDK Frameworks Extensions Docs
Free
MacOS (.dmg) Windows (.exe)
}
ATF
The Stack
Away3D (3D) Starling (2D)
Open-source, free and vibrant community
Feathers (2D)
Integration
http://dragonbones.github.com
All of these frameworks are
supported by Adobe.
By supporting these, we also want
to make sure they integrate
between each other beautifully.
Starling
Starling is an open-source, 2D
framework that makes it easy to
create GPU-accelerated games and
applications.
starling-framework.org
Example: AngryBirds Star Wars
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
Feathers
Create 2D UI on the GPU with Feathers.
A lightweight open-source 2D UI
component extension for Starling.
feathersui.com
Away3D
Lightweight open-source 3D
framework. Huge community
contribution.
away3d.com
Example: Kings Road
DragonBones 2.0
DragonBones is a free, open-source,
skeletal animation system.
dragonbones.github.com
DragonBones integrates with
FlashPro and Starling, converting
animation to texture atlas.
Save on resource and memory
usage and boost performance!
555kb
47kb
COMING SOON!
Gaming SDK 1.2
Updating all frameworks
Updating AIR SDK to 3.8
Adding Away3D 4.1
Adding new tool: AwayBuilder
Adding GamePad support for XBOX
360 Controller
Open-source, free and vibrant community
FlasCC
Bring your native C/C++ games
to the browser to reach a billion
people.
C/C++
(llvm-gcc)
LLVM bitcode
AS3 Bytecode
(.abc)
on AVM2
FlasCC
Native code runs securely and cross-
platform in the ActionScript 3 Virtual
Machine.
C/C++
(llvm-gcc)
LLVM
bitcode
AS3 Bytecode
(.abc)
on AVM2
Profiling
Limitations today with Flash
Player and AIR
Profiling
Limitations today with Flash
Player and AIR
VM only
Today, using the profiler in Flash Builder only exposes VM related
information.
Debugger builds only
The existing Flash Builder profiler relies on debugger builds
(performing slower than release builds).
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.
Adobe Scout
Revolutionize the way you profile
Flash content across desktop and
mobile devices.
Scout exposes granular
information never exposed
before to Flash developers.
No code instrumentation
needed.
Works with the release Flash
Player and AIR runtime.
Configure with
Companion App
(App Store/Google Play)
Test Profile
Seamless profiling
Great!
How do I get this?
What about
standards?
CreateJS
Free extension for Flash Pro CS6
www.adobe.com/go/createjs
http://www.atari.com/arcade#!/
arcade/combat/play
Check out: “Getting Started with
CreateJS” on YouTube.
Publish assets to HTML5 from
Flash Pro CS6 with animation,
images, vector graphics, sound &
interaction
Create & export animated assets
to HTML5 in one click
Open source CreateJS framework
provides a comprehensive set of
JavaScript libraries to work with
the Canvas element of HTML5
EaselJS TweenJS SoundJS PreloadJS
Where to go for
more?
gaming.adobe.com
I feel that there
is more...
one more thing...17
June
Creative Cloud
17
June
Flash CC
17
June
www.CreativeDroplets.com
@mchaize
Adobe gaming flash gamm michael

Adobe gaming flash gamm michael

  • 1.
    Adobe Gaming NOW! MichaëlCHAIZE - Adobe Evangelist @mchaize
  • 2.
  • 3.
  • 4.
    Gaming is HUGE! 3Bhours per week spent playing games globally! 98M Americans (1 in 3 online) play games. Tablet owners spend 2/3 of their tablet time playing games. Mobile games makes up 80% of app store revenues. Gaming is 2x bigger than the music industry!
  • 5.
    Biggest Gaming Platform is Browser+ Mobile More than 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 within 30 days.
  • 6.
    High Revenue and High Performance Gamersare playing HTML5 games on devices - ZombieJombie has 2+ million users. 70% growth in 2012 in social game revenue at Kabam! $70M monthly revenue from top 9 Chinese games using Flash SongPop is #1 of FB in 2012 40M users a month play GPU accelerated Farmville 2. GPU accelerated gaming with Flash technologies can reach 1.7B desktops and mobile device.
  • 7.
    The audience More than600M 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. apps.facebook.com/ angrybirdsstarwars/
  • 8.
    9 of thetop 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
  • 9.
    This is agreat time to be a game developer!
  • 10.
    No friction Reuse ActionScript3 code between desktop and mobile targets. No shared runtime is required when packaged on mobile devices. Flash Player for Desktop browsers Adobe AIR for Standalone apps Same code (AS3) No friction * * Chrome only
  • 11.
    No friction Reuse ActionScript3 code between desktop and mobile targets. No shared runtime is required when packaged on mobile devices. Zynga ruby blast SongPOP Candy Rush
  • 12.
  • 13.
    Over 23k AIRapps on the iOS App Store and Google Play
  • 14.
    • Quarterly releasecadence. Every 3 months, new features! • Beta program (http://labs.adobe.com/technologies/flashruntimes/) • Test your games and provide us feedback • Roadmap: http://www.adobe.com/devnet/flashplatform/ whitepapers/roadmap.html FLASH PLAYER / AIR
  • 15.
    • Concurrency (ActionScriptworkers) • Support for more hardware-accelerated video cards • Compressed texture with alpha support • StageVideo.attachCamera • LZMA runtime compression/decompression on ByteArray • AIR iOS Push Notifications • AIR direct deployment (without iTunes) • Shared memory support for Concurrency (ActionScript workers) • Query Graphics Data • Multiple SWF support for iOS • Fullscreen UI permission dialog improvement RECENT FLASH PLAYER AND AIR UPDATES
  • 16.
    • Android CaptiveRuntime Debugging • OUYA Controller Support • AIR iOS remote SWF hosting of secondary SWFs • Preventing backup of shared objects on iOS for better iCloud support • 16 bit texture support RECENT FLASH PLAYER AND AIR UPDATES
  • 17.
    • MovieClip.isPlaying • DisplayObjectContainer.removeChildren •FrameLabel events • No BitmapData size limitation • ApplicationDomain.getQualifiedDefinitionNames() • BitmapData.drawWithQuality • Native JPEG/PNG/JPEG-XR Compression • MouseEvent.RELEASE_OUTSIDE • Cubic bezier JDI: TINY APIS BIG IMPACT
  • 18.
  • 19.
    • Win 8Modern CV• Win 8 Modern CV • Now a blacklist, not a whitelist! • All your content will just work on Win8 IE 10 - no hoops! • XC API’s (combination of domain memory and Stage3D) RECENT NEWS
  • 20.
    • Recursive stopAPI on MovieClips • GamePad support on desktop browsers and Android • Increase max texture size to 4096x4096 • Rectangular textures • LZMA support for iOS • Datagram and server socket support on mobile • AND MORE! Watch the Flash Player Roadmap Whitepaper for updates NEXT UP!
  • 21.
    It’s been abusy year! That’s not all...
  • 22.
    On December 3rd,we introduced...
  • 23.
    Gaming SDK AdobeScoutFlasCC Adobe Game Developer Tools Create Extend your reach Profile
  • 24.
    The Gaming SDKmakes it easy to get started
  • 25.
    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 Friction
  • 26.
    14. In yourAndroid 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! Friction
  • 27.
    From 18 stepsto 3: 1. Download Flash Builder 2. Open a sample provided 3. Compile and test Frictionless, easy to get started
  • 28.
    AIR SDK FrameworksExtensions Docs Free MacOS (.dmg) Windows (.exe) } ATF
  • 29.
    The Stack Away3D (3D)Starling (2D) Open-source, free and vibrant community Feathers (2D) Integration http://dragonbones.github.com All of these frameworks are supported by Adobe. By supporting these, we also want to make sure they integrate between each other beautifully.
  • 30.
    Starling Starling is anopen-source, 2D framework that makes it easy to create GPU-accelerated games and applications. starling-framework.org Example: AngryBirds Star Wars 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
  • 31.
    Feathers Create 2D UIon the GPU with Feathers. A lightweight open-source 2D UI component extension for Starling. feathersui.com
  • 32.
    Away3D Lightweight open-source 3D framework.Huge community contribution. away3d.com Example: Kings Road
  • 33.
    DragonBones 2.0 DragonBones isa free, open-source, skeletal animation system. dragonbones.github.com DragonBones integrates with FlashPro and Starling, converting animation to texture atlas. Save on resource and memory usage and boost performance! 555kb 47kb
  • 34.
    COMING SOON! Gaming SDK1.2 Updating all frameworks Updating AIR SDK to 3.8 Adding Away3D 4.1 Adding new tool: AwayBuilder Adding GamePad support for XBOX 360 Controller Open-source, free and vibrant community
  • 35.
    FlasCC Bring your nativeC/C++ games to the browser to reach a billion people. C/C++ (llvm-gcc) LLVM bitcode AS3 Bytecode (.abc) on AVM2
  • 36.
    FlasCC Native code runssecurely and cross- platform in the ActionScript 3 Virtual Machine. C/C++ (llvm-gcc) LLVM bitcode AS3 Bytecode (.abc) on AVM2
  • 37.
  • 38.
    Profiling Limitations today withFlash Player and AIR VM only Today, using the profiler in Flash Builder only exposes VM related information. Debugger builds only The existing Flash Builder profiler relies on debugger builds (performing slower than release builds). 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.
  • 39.
    Adobe Scout Revolutionize theway you profile Flash content across desktop and mobile devices. Scout exposes granular information never exposed before to Flash developers. No code instrumentation needed. Works with the release Flash Player and AIR runtime.
  • 40.
    Configure with Companion App (AppStore/Google Play) Test Profile Seamless profiling
  • 41.
    Great! How do Iget this?
  • 44.
  • 45.
    CreateJS Free extension forFlash Pro CS6 www.adobe.com/go/createjs http://www.atari.com/arcade#!/ arcade/combat/play Check out: “Getting Started with CreateJS” on YouTube. Publish assets to HTML5 from Flash Pro CS6 with animation, images, vector graphics, sound & interaction Create & export animated assets to HTML5 in one click Open source CreateJS framework provides a comprehensive set of JavaScript libraries to work with the Canvas element of HTML5 EaselJS TweenJS SoundJS PreloadJS
  • 46.
    Where to gofor more? gaming.adobe.com
  • 47.
    I feel thatthere is more...
  • 48.
  • 49.
  • 50.
  • 51.