Tom Krcha: Building Games with Adobe Technologies

Post on 09-May-2015

1.238 views 0 download

description

9 out of the top 10 Facebook games and the top iOS and Android are powered by Flash. Understand why companies like Rovio, Zynga, Amanita, Gamegoo, Unity, and others choose Flash for their casual and social games. Get inspired by visionary examples of the next generation of cross platform GPU enabled Flash experiences, and learn how to target the desktop, iOS and Android.

Transcript of Tom Krcha: Building Games with Adobe Technologies

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§ Adobe Gaming SDK

Casual Connect Europe 2013Tom Krcha / Adobe

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§ Hello.

§ Tom Krcha, Evangelist at Adobe§ twitter.com/tomkrcha | facebook.com/tomkrcha

GamingNotes.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

We lcom e to the la rge s t a udie nce in ga m ing.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§Over 1.3 Billion people

§ Can play your game. No install. No friction. Now.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Flash Player brings an audience

20x greater than Xbox 360.

Plus 500M iOS + Android devices with AIR.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

With no install.On 1.3B+ machines.}And 500M devices.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§96% of the top Facebook games are delivered with

Flash.

= § Plus the top browser games across the rest of the web.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Flash Player

§ The biggest gaming audience gets bigger. And better.§ In 48 hours, we can update

600 million people to the latest Flash Player.

§ 6 times more people than Xbox 360s sold in the last 7 years.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§Stage3D§= Flash on the GPU

1000x faster 2D & 3D rendering.Cinematic, fluid 60 fps graphics.Across desktop browsers, iOS, Android.Full GPU acceleration on 85% of all connected PCs.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Go Mac App Store with AIR Captive Runtime (AIR 3.3+)

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Gaming SDK

Create

FlasCC

Extend your reach

Adobe Scout

Profile

Adobe Game Developer Tools

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

It is hard today to get started.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

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:\FlashDevelop\Tools\flexsdk)6. Download, install and start FlashDevelop (http://www.flashdevelop.org/)7. Create a new Air Mobile As3 App

8. Change aplication.xmlA. <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 → Propertiesa. Output (tab)i. Platform → Air Mobileii. Version → 3.2iii. Dimensions → 1280x800 (This affects only the swf version for desktop)iv. Framerate → 60b. Sdk (tab)1. Choose the path where you copied the AIR 3.2 SDKc. Compiler Options1. Additional Compiler Options → -swf-version=13 (-swf-version=15 works too)

10. Change Run.bata. Target → choose your target typeb. Desktop → choose your target resolution

11. Create a certificate for Android using /bat/CreateCertificate.bat and wait a minute12. Download and copy last Starling library (http://gamua.com/starling/) to your project folder13. Write your 3D game / app

Friction

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

14. In your Android device be sure to check on your USB debugging and allow Unknown sourcesa. Menu → Settings → Applications → Unknown sourcesb. Menu → Settings → Applications → Development → USB debugging

15. Connect your Android to your computer and let the computer install the necessary drivers16. 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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

We should go from 18 steps to 3:

1. Download Flash Builder2. Open a sample provided3. Compile and test

Frictionless, easy to get started

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

AIR SDK Frameworks

Extensions Docs

Game CenterProduct StoreSocialStageAdBetaTesting

Link to resourcesATF DocumentationANE DocumentationCode samplesStarlingAway3DFeathers

Free

AIR SDK 3.5

MacOS (.dmg) Windows (.exe)

}

ATF

ATF command-line tools

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

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 E-BOOK!

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Feathers

Create 2D UI on the GPU with Feathers. A lightweight open-source 2D UI component extension for Starling.

feathersui.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Away3DLightweight open-source 3D framework. Huge community contributing.

away3d.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

The stack

All of these frameworks are supported by Adobe.

By supporting these, we also want to make sure they integrate between each other beautifully.

Away3D (3D) Starling (2D)

Open-source, free and vibrant community

Feathers

(2D)

Integration

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Configure with Companion App(App Store/Google Play)

Test Profile

Seamless profiling

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Gaming SDK FlasCC Adobe Scout

Great, how do I get this?

http://bit.ly/GamingSDK

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

http://bit.ly/GamingSDK

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

http://bit.ly/GamingSDK

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

unity3d.com/unity/publishing/flash

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

CitrusEngine.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

CitrusEngine.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

http://dragonbones.github.com

DragonBonesThe Open Source 2D skeleton animation solution for Flash

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Demo

+

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

Develop a game with us!

http://AdobeGameJamHam.eventbrite.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.

§ Thanks.

§ Tom Krcha, Evangelist at Adobe§ twitter.com/tomkrcha | facebook.com/tomkrcha

GamingNotes.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute.