AS3 BezierSegment: Organic Shape and Movement

Hello everyone

I try to archieve a Tooltip-Design with an organic/liquid behaviour.
In the end, it should look something like this:

The behaviour should be, that when the mouse/cursor is moving, the Tooltips tail reshapes and followes the new coordinate while the body-part of the tooltip is following with an ease:

As you can see in the motion-scibble I’ve already break down the Shape to its grounds

Little Big Planet got a similar effect. Here your can see a part where they use a simple version of this Tail-Feature (which got only 3 Points and a Bezierlin I guess) and [URL=“http://www.youtube.com/watch?feature=player_detailpage&v=fZJL-Wz3fi8#t=152s”]here you can see a Video where those Goodie-Bubbles came up and followed the character on a string. I love this Game for GUI-Events like this :slight_smile:

I guess the best technique would be to create a bitmap and then draw with the Flash-internal Drawing API Bezierlines and fill them. As simple as its to write this setence as hard I find it to realize this.
I’ve spend some hours playing with Bitmap-Examples and the BezierSegment-Function. I doint get very far. So I would like to know: Does anyone else done this befor? Maybe its not neccesarry to reinvent the wheel if someone else did something like this before and I can take a shortcut to find out how this is made. Speaking about the tail for example, it must have something to do with the fact, that each Point in the tail-part must be in a relative position to its neighbor-Point so they doint allign or even overlap and forming negative spaces like this:

Anyone any Ideas if this was already blogged or discussed how to code?
I’m a better designer than a coder but really would like to archive it.

Thanks inbefore
Indyaner

PS: Excuse for my bad english sometimes. My motherlanguage is German.