Away3D Global Animation the easy way
December 20th, 2007
In order to animate in Flash3D you need to use pretty advanced 3D tools to generate and export animation data. For many it’s just a bridge too far.
And even for the professionals, it often cost too much development time. And because of this, many choose not to animate at all. I think that’s a shame.
During the last weeks I’ve worked on many new features for Away’s native animation system, and together with other team mates have spend lots of time looking at ways to ensure easyness of use for the pro user as for the starter.
I’ve tried here to build in a few of those handy features in this demo:
- Path animation system. Both the camera are on a path in this case.
- The animated hummingbird is animated automatically by Away’s animation system, (as you will see bellow with the cube example, it’s very easy to accomplish the same thing natively now).
- Target following: The camera follows the bird according to its position.
- AlignToPath: Both camera is automatically oriented as it moves on the path.
- And of course the tiling feature in action.
Note that this demo is not using Away’s 1.9 but my good old workhorse dev version of the engine, so expect about 30-35% more speed with the 1.9.x and higher! Why? Simply because we haven’t ported the tiling in the latest version yet!
And of course i want to thank Peter Kapelyan for the HB model, Meowza for the bird texture and not to forget the beautifull music done by Atom(bang)
Here a little demo that shows how the bird is being animated. In this case i use cubes, just to show you how easy this is. Just click the cube to see it.
private function makeBoxeAnimation():void
{
var mat:IMaterial = new BitmapMaterial(myBitmadata, {});
var cube = new Cube({width:350, height:350, depth:350});
var cube2 = new Cube({width:500, height:50, depth:250});
var cube3 = new Cube({width:150, height:450, depth:50});
var cube4 = new Cube({width:650, height:250, depth:550});
_anim = new Animator(cube, [{vertices:cube2.vertices, prefix:"cube01"},
{vertices:cube3.vertices, prefix:"cube02"},
{vertices:cube4.vertices, prefix:"cube03"},
{vertices:cube2.vertices, prefix:"cube04"}] ,
{material:mat, y:0, x:0,z:0,bothsides:false});
this.scene.addChild(_anim);
_anim.play({prefix:”cube”, smooth:true, loop:true, fps:.5});
//let the fun begin
stage.addEventListener(Event.ENTER_FRAME, this.refreshScreen);
}
private function refreshScreen(event:Event):void
{
_anim.rotationX += .5;
_anim.rotationY += 1.5;
_anim.rotationZ += .5;
this.view.scene.updateTime();
this.view.render();
}
Fabrice
Popularity: 8% [?]
