# AS3 BezierSegment: Organic Shape and Movement

**URL:** https://forum.kirupa.com/t/as3-beziersegment-organic-shape-and-movement/318657
**Category:** flash
**Created:** [January 26, 2011, 3:25pm UTC](https://forum.kirupa.com/t/as3-beziersegment-organic-shape-and-movement/318657 "2011-01-26T15:25:59Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Indyaner](https://avatars.discourse-cdn.com/v4/letter/i/d26b3c/32.png) [@Indyaner](https://forum.kirupa.com/u/Indyaner)
#### Post date: [January 26, 2011, 3:25pm UTC](https://forum.kirupa.com/t/as3-beziersegment-organic-shape-and-movement/318657/1 "2011-01-26T15:25:59Z")

</div>

Hello everyone

I try to archieve a Tooltip-Design with an organic/liquid behaviour.  
In the end, it should look something like this:  
 ![](http://forum.kirupa.com/uploads/kirupa/6443/4c50631d0f5f5de0.jpg)

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:

![](http://forum.kirupa.com/uploads/kirupa/6445/d9d8e066b01281d6.jpg)

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

![](http://forum.kirupa.com/uploads/kirupa/6447/5490d2c474242066.jpg) ![](http://forum.kirupa.com/uploads/kirupa/6449/111d23bfad82b1a6.jpg)

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](http://www.youtube.com/watch?feature=player_detailpage&v=FPC5_82KIYw#t=60s) 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 🙂

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:  
 ![](http://forum.kirupa.com/uploads/kirupa/6454/7e0d731e84c6bb42.jpg)

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.