[RESOLVED] [F8] We need two balls connected by a line

We have two balls, one situated over the other, each in their own layers.

We need to be able to drag the top ball no more than 100 pixels to the right along a straight horizontal line with no vertical travel possible.

The second ball will not be draggable.

A solid line is connected between the two balls as the top ball is dragged to the right.

Any help would be so appreciated!

are you wanting the line to expand out with the top ball?

Yes, that's right. For example, if the user stops the top ball at say, 65 pixels from the second ball, the line is drawn just to that 65 pixles from the second ball.

Thanks!

okay - give me a few mins and I will make you a sample.

give your top ball an instance name topball and your bottom ball an instance name bottomball then the following should do it:

Code:

---

var xPos:Number = topball._x;
var draggableDistance:Number = 100;
drawLine();


topball.onPress = function():Void{
          this.startDrag(true, this._x, this._y, xPos+draggableDistance, this._y);
       
        this.onEnterFrame = function():Void{
                drawLine();
        }
}


topball.onRelease = function():Void{
  this.stopDrag();
  delete this.onEnterframe;
}

topball.onReleaseOutside = topball.onRelease;

function drawLine():Void{
        clear();
        _root.lineStyle(1,0,100);
        _root.moveTo(bottomball._x, bottomball._y);
        _root.lineTo(topball._x, topball._y);
}

---

edit:oops just read wattsup now was gonna do it... sorry never meant to hijack ur thread

Marvelous!

Works great. Now I'm on to figure out how it works.

Thanks a lot silentweed.

here is a sample fla -

Wow, thx!

Between silentweed's and wattsup's, I've got two working files.

Both do exactly as I described. What I should have included was that the line between the balls was to remain between the balls, where ever the first ball was along the 100 pixel range. silentweed's does that but wattsup's line disappears when you release the mouse. Both are correct for what I described. What I needed was for the line to stay when you release.

Still dissecting the code...

Thx slientweed and wattsup!

just remove the following

Code:

---

b1.onRelease = b1.onReleaseOutside = function(){
        delete this.onEnterFrame;
        stopDrag();
        //clear(); <<<--------------------remove this
}

---

yw glad u got it sorted :)