stage 3d - changing the game - adobe: ngdc 2012

Stage3DChanging the Game

Friday, 2 November 12

Stage3DChanging the Game

Hemanth SharmaGaming Evangelist, Adobe

http://[email protected]@hemanthsharma


Direction & Focus


Direction & Focus

Flash Player on Mobiles


Direction & Focus


Adobe AIR and Gaming


Direction & Focus


Adobe AIR and Gaming

Flash Player for Desktop-web


facebook.com/AngryBirds

Audience

The audience

Approximately 500M people have already opted into using the silent auto update feature.

500M$is$more$than$2"#mes"the"number"of"Xbox360,"PS3"and"Wii"ever"sold.

We can update these 500 million people to new versions of the runtime in less than 48 hours.


Tuesday, October 9, 12Friday, 2 November 12


Audience

Approximately 500M people

The audience







Audience


That’s more than 2x Consoles ever sold

The audience







Audience


That’s more than 2x Consoles ever sold

Less than 48 hours to Upgrade

The audience






facebook.com/KingsRoadGame

Top Games

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.




Top Games

9 of the top 10 Facebook games


9 of the top 10 games




* Chrome Only

Go DRY


* Chrome Only

Go DRY

Reuse AS3 code


* Chrome Only

Go DRY

Reuse AS3 code

*

Same Code (ActionScript 3)


* Chrome Only

Go DRY

Reuse AS3 code

No Shared Runtime Required

*

Same Code (ActionScript 3)


Powered by Stage3DPowered by

Stage3DUse one set of platform agnostic GPU APIs to target the browser and mobile devices (iOS, Android)

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.

Yeah its an AIR game. Using stage3d you get pretty close to native nowadays.

Tuesday, October 9, 12



““


Powered by Stage3D

One set of platform agnostic GPU APIs

Powered by Stage3DUse one set of platform agnostic GPU APIs to target the browser and mobile devices (iOS, Android)







““


Powered by Stage3D

One set of platform agnostic GPU APIs

Target browser & mobile devices (iOS and Android)

Powered by Stage3DUse one set of platform agnostic GPU APIs to target the browser and mobile devices (iOS, Android)







““


Powered by Stage3D


Powered by Stage3D

GPU


Powered by Stage3D

OpenGL, OpenGL ES 2.0, Direct3D

GPU


Powered by Stage3D


GPU

Stage3D


Powered by Stage3D

//compile vertex shader var vertexShader:Array =

["dp4 op.x, va0, vc0", //4x4 matrix transform from 0 to output clipspace "dp4 op.y, va0, vc1","dp4 op.z, va0, vc2","dp4 op.w, va0, vc3","mov v0, va1.xyzw" //copy texcoord from 1 to fragment program

];var vertexAssembler:AGALMiniAssembler = new AGALMiniAssembler(); vertexAssembler.assemble(flash.display3D.Context3DProgramType.VERTEX, vertexShader.join("\n"));

//compile fragment shader var fragmentShader:Array =

["mov ft0, v0\n",

"tex ft1, ft0, fs1 <2d,clamp,linear>\n", //sample texture 1

"mov oc, ft1\n" ];

var fragmentAssembler:AGALMiniAssembler = new AGALMiniAssembler(); fragmentAssembler.assemble(flash.display3D.Context3DProgramType.FRAGMENT, fragmentShader.join("\n"));

_shaderProgram = _context3D.createProgram(); _shaderProgram.upload(vertexAssembler.agalcode, fragmentAssembler.agalcode);

_indexBuffer = _context3D.createIndexBuffer(6); _indexBuffer.uploadFromVector(Vector.<uint>([0, 1, 2, 0, 2, 3]), 0, 6);

var bitmap:Bitmap = new MolePeople();_texture = _context3D.createTexture(256, 256, Context3DTextureFormat.BGRA, false); _texture.uploadFromBitmapData(bitmap.bitmapData);


Frameworks


Frameworks

Starling Framework


Frameworks

Starling Framework

Box2D, NAPE


Frameworks

Starling Framework

Box2D, NAPE

Away3D


Frameworks

Starling Framework

Box2D, NAPE

Away3D

Flare3D


Frameworks

Starling Framework

Box2D, NAPE

Away3D

Flare3D

Alternativa3D


Frameworks

Starling Framework

Box2D, NAPE

Away3D

Flare3D

Alternativa3D

and more...


Starling Framework

www.starling-framework.org


Starling Framework

Open Source



Starling Framework

Open Source

2D Games



Starling Framework

Open Source

2D Games

GPU Accelerated



Starling Framework

Open Source

2D Games

GPU Accelerated

Funded by Adobewww.starling-framework.org


Starling Framework





["mov ft0, v0\n",


"mov oc, ft1\n" ];





..........


Starling Framework





["mov ft0, v0\n",


"mov oc, ft1\n" ];





..........

var bird:Sprite = new Sprite();bird.x = 200;bird.y = 200;

hero.addEventListener(TouchEvent.TOUCH, onTouch); addChild(bird);


Starling Framework


Starling Framework

Rovio:ANGRY BIRDS


Starling Framework


Starling Framework

Zynga:Ruby Blast


Delta Strike: “Fleet”

Away3DAway3DLightweight open-source 3D framework. Huge community contributing. Funded by Adobe.

away3d.com




Away3D

Light Weight

Away3DLightweight open-source 3D framework. Huge community contributing. Funded by Adobe.

away3d.com




Away3D

Light Weight

Open Source


away3d.com




Away3D

Light Weight

Open Source

Funded by Adobe


away3d.com




Away3D

Light Weight

Open Source

Funded by Adobe

away3d.com


away3d.com




Stage3D


Farmville 2 by Zynga

Flare 3D


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

feathersui.com


Feathers

Light Weight

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

feathersui.com


Feathers

Light Weight

Open Source


feathersui.com


Feathers

Light Weight

Open Source

Built on Starling


feathersui.com


Feathers

Light Weight

Open Source

Built on Starling

www.feathersui.com


feathersui.com


The Stack

The stack2 of these frameworks are funded and supported by Adobe (Starling and Away3D)

By funding 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


The Stack

2 Funded(Staling & Away3D)





Feathers (2D)

Integration


The Stack

2 Funded(Staling & Away3D)

Well integrated





Feathers (2D)

Integration


The Stack


The Stack

GPU


The Stack


GPU


The Stack


GPU

Stage3D


The Stack


GPU

Stage3D

Starling


The Stack


GPU

Stage3D

Starling Away3D


The Stack


GPU

Stage3D

Starling Away3D

Feathers(Button, List, ProgressBar, CheckBox, etc.)


Multi-platform


Multi-platform

One Code


Multi-platform

One Code

Multi-platform


Profiling

Project “Monocle”Revolutionize the way you pro!le Flash content across desktop and mobile devices.

Monocle exposes granular information never exposed before to Flash developers.


Profiling

Project “Monocle”




Profiling

Project “Monocle”

Extreme Profiling




Profiling

Con!gure Test Analyze/Pro!le



Extensible (ANE)

Extensible (ANE)Extend the AIR runtime by using native code in your applications.

Interact easily with native APIs (Game Center, iAd, In-App payment, etc.)



gaming.adobe.com

gaming.adobe.com



Tooling


Runtimes


Runtimes

Flash Player 11.4

AIR 3.4


Runtimes

Flash Player 11.4

AIR 3.4

Stage3D


Runtimes

Flash Player 11.4

AIR 3.4

Stage3D

Support for more hardware-accelerated video cards


Runtimes

Flash Player 11.4

AIR 3.4

Stage3D


Compressed texture with alpha support


Runtimes

Flash Player 11.4

AIR 3.4

Stage3D



ActionScript Native Extensions


Runtimes

Flash Player 11.4

AIR 3.4

Stage3D



ActionScript Native Extensions

AIR Direct Deployment


Reach


Reach

Over 25k AIR apps on the App Store and Google Play


My dad made this

2 Hours, Starling Framework, AIR 3.3


Questions?


http://www.hsharma.com

@hemanthsharma

http://www.facebook.com/hemanthsharma

http://gaming.adobe.com

Questions?


stage 3d - changing the game - adobe: ngdc 2012

Technology