Everyday Flash

Creative use of technology // A blog about 3D Flash and Actionscript by Bartek Drozdz

FIVe3D: first impressions

I downloaded the FIVe3D engine in AS3 a couple of days ago and started to play with it a bit.

The first thing to notice is its simplicity. What I liked in particular is that the structure of classes corresponds exactly to the structure used in standard AS3. Where in AS3 there is a Sprite, in FIVe3D there is a Sprite3D. And you can use a special property Sprite3D.graphics3D to draw 3d objects exactly as you would use classic Sprite.graphics to draw 2d objects. Of course, all the methods like lineTo, curveTo, beginFill or drawRect are there. So if you ever worked with the drawing API everything will look very familiar in FIVe3D. And there is a Shape3D too…

Another nice feature is that the class Sprite3D extends a regular Sprite. As a consequence, all the features of a Sprite are available in Sprite3D, including event handling. It basically means that adding interactivity to you 3d objects works exactly the same way as with regular Sprites – just use listeners and the MouseEvent class!

However, the most impressive part of the package is the way fonts are handled. Font outlines are transformed in FIVe3D into special classes that hold all the coordinates needed to render each character. At runtime, they are rendered as shapes drawn using the Graphics3D object.

From a designers point of view the nice thing about FIVe3D is the quality of the rendering. Flash has always had very good antialiasing support for vector graphics, and FIVe3D takes full advantage of this.

The last big pro of FIVe3D is the size of the files. An animation with a few simple shapes and lines probably will not exceed 10KB. Isn’t that nice?

As a final note, be sure to download the updated version 2.0.1 available now on the project page. The initial 2.0.0 version was throwing some errors when compiled under ‘Strict Mode’ in Flash IDE. Now it is fixed.

Also, remeber to come back here some time, because I will be definitely posting more on that subject.

UPDATE MAY 12th 2008 I posted the source files of this demo. You can download them here.

Categories: 3D, Actionscript 3, FIVe3D

comments RSS

8 Comments

  1. Wow, looks good. I’ve just built a game using APE and although not highly complicated, it does take time to get used to the API structure. FIVe3D looks like it will make working with 3D vectors very easy to pick up.

    Thanks for the heads up.

  2. Oops, looks like I’m getting my physics and 3D engines mixed up :-(

    When I say APE, read Papervision.

  3. I think that ultimately all the 3D libraries will try to duplicate the basic AS3 structure. On the other hand, we can expect a “Sprite3D” class (or something like that) to be shipped with Flash CS4…

  4. i4u119

    Can you please share your code with us?

    Thanks

  5. [...] Cada vez he visto más demos y tutoriales de personas que comienzan a usarlo y vale la pena tenerlo en la mira [...]

  6. [...] Direct link: click here [...]

  7. [...] created a little menu you can see here and I thought it was such a cool little idea, that I worked with it a bit, to give it little more [...]

  8. Jim

    Hi – thanks for posting your source code. I can see it has the .as files, but I’m not sure how to make things work as in, there’s no .fla file. I’m sure I’m being stupid, or not reading something important, but I can’t work out how to run the demo in my copy of flash – i.e. without a .fla file, there’s nothing I can do because I’m not very smart! Thanks.

Leave a comment



  • FITC10