Away3d workshop slides

Workshop
gotoAndSki(1);
Wednesday, June 16, 2010

Intro
3D in the Flash Player


Flash 3(D) faking it


Sandy 3D (2005)


Papervision3D (2006)


Away3D (2007)


Other engines

• Alternativa Platform • FreeSpin 3D

• WireEngine3D • Project3D

• ND3D • Silverback3D

• Five 3D (vektor-basert) • Electric 3D

• Sophie 3D • Flare 3D

• DirectFlex • Yogurt 3D

• Sharikura 3D • Ambiera CopperCube

• Wick3D • NewX 3D


3D engine in 10 lines
Making a basic engine isn’t hard


Why and why not make your own?


Engine comparisons
Why it’s difﬁcult to compare


3D Engine Features

Sandy Papervision3D Away3D

Camera types 2 4 4

Material types 5 26 22

color, texture, phong, goraud, cel, outline, color, texture, phong, outline, ﬂat, enviro,
Shaders color, texture, phong, goraud, cel, outline
bump bump, normal map, fresnel, glass, lambert

Primitives 11 7 29

Extrusions, Lathe, Explode, Weld, Mirror,
Advanced modeling Extrusions -
Replicate, Merge, Bezier patch

3D vectors - ✓ ✓

3DS, ASE, Collada, DAE, KMZ, MD2,
Import 3DS, ASE, Collada, MD2
Sketchup, SketchupCollada
3DS, ASE, Collada, Kmz, MD2, MD2Still, obj

Export - Collada Obj, AS3 class, elevation

Camera lenses, Blockers, NURBS,
Unique features Starﬁeld, Actionscript 2 version Particles, ASCollada, bitmap effects
Triangle caching, facelink, Awaybuilder

Documentation ★★☆☆☆ ★☆☆☆☆ ★★★☆☆

Engine pet Cat Cow Turtle


Why Away3D?

• Constant development

• Solid base API

• Open Source

• Solid and supportive team

• Ease of use

• Documentation

• Technical features


Flash 3D limitations and how to live with them


Flash 3D competition X3D, Unity3D and O3D (WebGL)


Flash 3D limitations and how to love them


Flash has something important...
... that the others can only dream of!


•98% install base

•Simple install for remaining 2%

•One player - endless options

•This is only the second generation...

Flash 3D strengths the upside


Away3D ﬂavors
Away3D
Away3D Lite


Setting up for Away3D
http://away3d.com/downloads/
http://away3d.googlecode.com/svn/

Flash Pro, FlashDevelop, Flash Builder, IntelliJ IDEA, FDT?


Checklist

✓Have created a Workshop folder?

✓Have downloaded Away3D source files?

✓Have added Away3D files to Workshop folder?

✓Have created an empty class in Workshop folder?

✓Have created a new FLA and set the new class as Document Class
(Flash users only)?

✓Have copied the workshop files?


5 lines to get started
var view:View3D = new View3D({x:250,y:200});

addChild(view);

var sphere:Sphere = new Sphere();

view.scene.addChild(sphere);

view.render();


Complete class
package
{
import away3d.containers.View3D;
import away3d.primitives.Sphere;
import flash.display.Sprite;

[SWF(width="500", height="400", frameRate="60", backgroundColor="#FFFFFF")]
public class T01_class extends Sprite
{
public function T01_class()
{
// create a viewport
var view:View3D = new View3D({x:250,y:200});
addChild(view);

// create a sphere and put it on the 3D stage
var sphere:Sphere = new Sphere();
view.scene.addChild(sphere);

// render the view
view.render();
}
}
}


The viewport
View3D
Clipping


The Scene
Scene3D


The Cameras
Camera3D
TargetCamera3D
HoverCamera3D
SpringCam

Lenses


Rendering
view.render()

Renderer.BASIC
Renderer.CORRECT_Z_ORDER
Renderer.INTERSECTING_OBJECTS


Working in 3D Use your hand to think...


3D building blocks
Vertices
Faces
UV coordinates


Primitives
29 total
Some more useful than other


Primitives
Positioning
Mesh resolution
Inverting faces
Bothsided
OwnCanvas


Tweening in 3D
Just as in 2D, just add the Z


ObjectContainer3D
For nesting objects


Pre-made models
Software
Formats
Loading
Debug tools


Light
Limits apply!


Materials
Color materials
Bitmap materials
Composite materials
PixelBender shaders


Making models
from scratch


Planning
for expandability


UV Coordinates How mapping works


User Interaction
Mouse
Keyboard


Workshop examples
http://www.ﬂashgamer.com/workshop/gotoAndSki/

Cooliris.as - (original plugin example)


Away3D resources

Away3D documentation
http://away3d.com/livedocs/

Developers group
http://groups.google.com/group/away3d-dev

Away3D
http://away3d.com/

Flashmagazine tutorials
http://www.flashmagazine.com/Tutorials/category/away3d/

Tartiflop tutorials
http://blog.tartiflop.com/first-steps-in-away3d/

Advanced modeling tutorials
http://blog.closier.nl/

Advanced text
http://www.lidev.com.ar/?cat=3


Away3d workshop slides

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (9)

Similar to Away3d workshop slides

Similar to Away3d workshop slides (20)

More from Jens Brynildsen

More from Jens Brynildsen (20)

Recently uploaded

Recently uploaded (20)

Away3d workshop slides