3D Text with Away3d, pt.2

On October 7, 2008, Components,Flash,Flex - 7 Comments

I’ve updated my 3d text component a bit, performance should now be a bit better. Furthermore, you can now choose any font you’ve installed on your system (just to prove that they are real fonts). See it in action:

Ow and by the way: right click to see the source and find out how it’s done.

The source seems to be fucked up, here’s the relevant code: http://experiments.flexperiments.nl/3dtext2/srcview/source/experiments/flexperiments/text3d/Text3dFXApp.as.html



What others have to say:

1

Congratulations Fabrice.
Away3D is the best!

2

How does this even work?
I understand this: http://www.lidev.com.ar/demos/textfield3d/extrusions/srcview/index.html

But not your example. I like that you don’t have to load a font.

.V

3

It’s a textfield with the selected font. Then, a bitmap is created from the textfield which is applied to a 3d plane.

4

Cool, I will start using away 3d from no on.
Thanx,

5

oh the CODE, GOOd BLOG ;-)

6

I just tried to compile your source code and run it, and it didn’t work at all. First of all, Number3D was not found, so I replaced it with Vector3D (is that right?). It compiled fine (I’m using the Flex SDK, version 4.5; Flash Player 10; Java 1.6 for mxmlc). But, upon opening it in my browser, all I see is a pure white background and nothing else. I have another .swf file (also compiled by me) which displays properly when I open it in my browser, so I know my environment is fine. Did something drastic change in Adobe’s API since you wrote this that would cause it to no longer work?

7

Hi Michael,

Number3D is / was a Away3D class. Away3D has come a long way since this example. I think they changed their API’s. Basically what you need to do is layer a number of planes with a bitmap (the text) on top of each other to get this effect.

To be honest, I haven’t worked with Away3D lately, so I lost track of their developments. You should visit their site and check the API docs.

You could also try compiling it with an older version of Away3D, or an older Flex SDK.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Submit comment