how to bend text in as3?

Question

I have a text 'hello world' in my ActionScript3 file.

What I am trying to achieve is to make the middle portion of the text bigger in height.

So, it will start off with a small 'h' and then moving towards the middle, each letter's size will increase.

The exact thing is shown in this image -

http://img180.imagevenue.com/img.php?image=96687_helloworld_122_632lo.jpg

Any ideas how I can achieve this? Thanks in advance.

score 2 · Accepted Answer · answered Jan 21 '11 at 15:20

2

Because this has per-glyph distortion, the only way to do it correctly is with a DisplacementMapFilter (which would actually work well with animation too). Here's a good example on how to do that.

answered Jan 21 '11 at 15:20

zeh

10,130
3
38
56

score 1 · Answer 2 · answered Jan 21 '11 at 16:03

1

You could use drawTriangles from Graphics object. First, create a BitmapData and do a copy of your TextField (enlarged). Then you just have to map your BitmapData to a bended mesh (made of triangles).

answered Jan 21 '11 at 16:03

OXMO456

3,558
2
25
35

score 0 · Answer 3 · answered Jan 21 '11 at 08:06

If I had to do this, I would put every character in a separate TextField, every TextField in a Sprite, set a proper font size for every character, place the Sprites on proper positions and distort the Sprites using whatever methods you need (Transformation Matrix, 3D, whatever).

how to bend text in as3?

3 Answers3