Mochi London 2011

An Introduction
To Stage3D

WHO AM I?
Mike Jones
Gaming Evangelist
blog.flashgen.com
@FlashGen

GAMING EVANGELISM TEAM
Enrique Duvos
@eduvos
Mike Jones
@FlashGen
Tom Krcha
@tomkrcha
Lee Brimelow
@leebrimelow

MAKING A MOUNTAIN OUT OF A MOLEHILL STAGE3D

OVERVIEW OF STAGE3D
Stage3D aka "Molehill" is a new set of low-level, GPU-accelerated 3D APIs for the Flash Player.
Cross platform secure access to the GPU
Based on OpenGL ES 2 capabilities
Can be used for 3D
Or 2D
Relies on DirectX 9, OpenGL 1.3 and OpenGL ES 2

DESIGN GUIDELINES
Stage3D was designed with the following criteria's in mind:
Mobile first
Programmable only (not FFP)
Minimal API
High performance
Non-standard

FLASH PLAYER INTEGRATION

STAGE3D DEMOS

STAGE3D PSEUDO-CODE
Request a 3D context object
Create a vertex and index buffer
Create a 3D program (vertex and fragment shader)
Upload your 3D program
Draw (drawTriangles() and present())

CODING FOR STAGE3D
// setup backbuffer (level 1 aa, z buffer on)
context3D.configureBackBuffer( stage.stage3Ds[0].viewPort.width, stage.stage3Ds[0].viewPort.height, 1, true );
// create a vertex buffer
vertexbuffer = context3D.createVertexBuffer( 3,6 );
vertexbuffer.uploadFromVector ( Vector.<Number>([
-1,-1,0, 255/255,0,0,
0,1,0, 193/255,216/255,47/255,
1,-1,0, 0,164/255,228/255
]),0, 3 ); // start at offset 0, count 3
// create an index buffer. this is just identity
indexbuffer = context3D.createIndexBuffer ( 3 );
indexbuffer.uploadFromVector ( Vector.<uint>( [ 0, 1, 2 ] ), 0, 3 ); // start at offset 0, count 3
// create a vertex and fragment program - from assembly
varvertexShaderAssembler : AGALMiniAssembler = new AGALMiniAssembler();
vertexShaderAssembler.assemble( Context3DProgramType.VERTEX,
"m44 op, va0, vc0 n" + // 4x4 matrix transform
"mov v0, va1 n" // copy stream 1 to fragment
);
varfragmentShaderAssembler : AGALMiniAssembler= new AGALMiniAssembler();
fragmentShaderAssembler.assemble( Context3DProgramType.FRAGMENT,
"movoc, v0" // output color
);
// upload the AGAL bytecode
program = context3D.createProgram();
program.upload( vertexShaderAssembler.agalcode, fragmentShaderAssembler.agalcode );

CODING FOR STAGE3D
// clear the frame
context3D.clear ( 192/255, 181/255, 169/255, 1 );
// matrix constants update
var modelMatrix:Matrix3D = new Matrix3D();
var scale : Number = .4 + Math.sin ( t ) * 0.2;
modelMatrix.appendScale( scale, scale*(688/528), 1 );
modelMatrix.appendRotation( t * 50, Vector3D.Z_AXIS );
context3D.setProgram( program );
context3D.setVertexBufferAt (0, vertexbuffer, 0, Context3DVertexBufferFormat.FLOAT_3 );
context3D.setVertexBufferAt( 1, vertexbuffer, 3, Context3DVertexBufferFormat.FLOAT_3 );
context3D.setProgramConstantsFromMatrix(Context3DProgramType.VERTEX, 0, modelMatrix, true );
context3D.setProgramConstantsFromVector(Context3DProgramType.FRAGMENT, 1,
Vector.<Number>( [ 0.3, 0.59, 0.11, 1 ] ) );
context3D.setProgramConstantsFromVector(Context3DProgramType.FRAGMENT, 2,
Vector.<Number>( [ 1.2, 1.0, 0.8, 1 ] ) );
// and draw
context3D.drawTriangles( indexbuffer, 0, 1 ); // offset 0, 1 triangle
// update it!
context3D.present ( );

THERE IS AN EASIER OPTION
You can use one of the myriad 3D frameworks & tools that are being built on top of Stage3D such as:
Alternativa3D
Away3D*
Flare3D
Minko
Sophie3D
Yogurt3D
Yours...
Copper Cube
Prefab
Flare3D Studio
Unity 3D
* open source

WHAT ABOUT 2D?

M2D
Framework for 2D accelerated content
Open source (so anyone can add to it)
Built on top of Stage3D

M2D DEMOS

ADDITIONAL RESOURCES
Stage3Dhttp://labs.adobe.com/technologies/flashplatformruntimes/incubator/
AGAL MiniAssemblerhttp://www.bytearray.org/wp-content/projects/agalassembler/com.zip
Pixel Bender 3Dhttp://labs.adobe.com/technologies/pixelbender3d/
M2Dhttps://github.com/egreenfield/M2D
http://www.flashrealtime.com/m2d

THANK YOU
Mike Jones
Gaming Evangelist
blog.flashgen.com
@FlashGen
mike.jones@adobe.com
http://gaming.adobe.com

http://chris-jeff.com	7336
http://mochiland.com	2407
http://feeds.feedburner.com	19
http://translate.googleusercontent.com	2
http://www.slideshare.net	1

Mochi London 2011

by Mike Jones on Sep 08, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 9,765

Statistics

Mochi London 2011 — Presentation Transcript