{"id":130,"date":"2007-10-11T09:33:02","date_gmt":"2007-10-11T16:33:02","guid":{"rendered":"http:\/\/labs.zeh.com.br\/blog\/?p=130"},"modified":"2007-10-11T09:41:29","modified_gmt":"2007-10-11T16:41:29","slug":"tweening-in-five3d","status":"publish","type":"post","link":"https:\/\/labs.zeh.com.br\/blog\/?p=130","title":{"rendered":"Tweening in FIVe3D"},"content":{"rendered":"

You may not have heard of it, but FIVe3D<\/a> is Mathieu Badimon<\/a>‘s collection of ActionScript 2 classes to create 3d geometry in Flash movies. You can see FIVe3D at work at Mathieu’s award-winning LAB website<\/a>.<\/p>\n

The big difference when compared to existing packages such as Papervision3D<\/a> – which is also manages to be its biggest advantage and bigger disadvantage – is that FIVe3D is based on vector drawings; meaning all geometry is produced by the drawing API (well, technically, Papervision3D also uses the drawing API, but in its case, it’s more focused on a surface drawn with bitmap fills).<\/p>\n

That is an advantage because since all points and edges used are known, the surface projection and distortion can be as accurate as mathematically possible; drawing things like text using this extension can produce a much better result than having it on a plane and having it mapped using triangles. That is also a disadvantage because you can’t have texture fills, and you need to describe all of your drawing data mathematically (including all text).<\/p>\n

Still, the result is pretty good and that’s why this is a great collection of classes to have available. Depending on the result wanted, it makes total sense to pick FIVe3D over any other 3d rendering extension.<\/p>\n

While written in Actionscript 2, FIVe3D uses a structure and syntax that is very similar to Actionscript 3. I recently started using FIVe3D on a website I’m developing, and I first gave it a whirl to see how easy it was to tween properties of instances created with it. Below is an early result of that experimenting; click the object to rotate it to random directions. It’s one of the original FIVe3D examples, but with just a few lines added to make the transition go smoothly from one random rotation to the other.<\/p>\n