Line from one instance to another not working Action Script 3.0

Question

I am trying to create to movable instances, that are draggable, and which have a line connecting them which updates automatically.

The thing is: The original line just goes randomly and doesn't update as the instances (mc1, mc2) are being dragged. Here is the code I have got so far:

 mc1.addEventListener(MouseEvent.MOUSE_DOWN, function (e:MouseEvent):void
{
    e.currentTarget.startDrag();
});

mc1.addEventListener(MouseEvent.MOUSE_UP, function (e:MouseEvent):void
{
    e.currentTarget.stopDrag();
});
mc2.addEventListener(MouseEvent.MOUSE_DOWN, function (e:MouseEvent):void
{
    e.currentTarget.startDrag();
});

mc2.addEventListener(MouseEvent.MOUSE_UP, function (e:MouseEvent):void
{
    e.currentTarget.stopDrag();
});

var mc:MovieClip = new MovieClip();
mc.graphics.beginFill(0x000000);
mc.graphics.lineStyle(2,0x000000);

//start drawing the line
mc.graphics.moveTo(mc1.x,mc1.y);
mc.graphics.lineTo(mc2.x,mc2.y);
mc.graphics.endFill();

//Position your new movie clip
addChild(mc);

Can anyone tell me where have I got it wrong?

Thanks a lot of any help !!!!

score 0 · Answer 1 · answered Nov 02 '11 at 18:26

0

Block below might help you.

mc.graphics.clear();
//mc.graphics.beginFill(0x000000); //no need fills
mc.graphics.lineStyle(2,0);

//start drawing the line
mc.graphics.moveTo(mc1.x,mc1.y);
mc.graphics.lineTo(mc2.x,mc2.y);
//mc.graphics.endFill(); //no need to end it.

answered Nov 02 '11 at 18:26

ymutlu

6,585
4
35
47

What about it updating automatically? – 8-bit mate Nov 02 '11 at 18:29

John Giotta · Accepted Answer · 2011-11-02T19:41:00.547

What you need to do is capture the movement of the users mouse as (s)he is dragging the MovieClip.

First create a isDragging variable var isDragging:Boolean = false; and set this to true when mouse down and false when mouse up.

Then add a MouseEvent.MOUSE_MOVE event listener to the line timeline

addEventListener(MouseEvent.MOUSE_MOVE, function (e:MouseEvent):void
{
    if (isDragging) {
        drawConnectiveLine(mc1, mc2);
    }
    return;
});

The method drawConnectiveLine will update the line vector shape to move to {x, y} of the movieclips.

function drawConnectiveLine(d:DisplayObject, d2:DisplayObject):void {
    mc.graphics.clear();
    mc.graphics.lineStyle(2,0);
    mc.graphics.moveTo(d.x,d.y);
    mc.graphics.lineTo(d2.x,d2.y);
}

Modifications to your pre-existing script:

var isDragging:Boolean = false;
var mc:MovieClip = new MovieClip();
mc.graphics.lineStyle(2,0);
mc.graphics.moveTo(mc1.x,mc1.y);
mc.graphics.lineTo(mc2.x,mc2.y);
addChild(mc);

mc1.addEventListener(MouseEvent.MOUSE_DOWN, function (e:MouseEvent):void
{
    isDragging = true;
    e.currentTarget.startDrag();
});

mc1.addEventListener(MouseEvent.MOUSE_UP, function (e:MouseEvent):void
{
    isDragging = false;
    e.currentTarget.stopDrag();
});

mc2.addEventListener(MouseEvent.MOUSE_DOWN, function (e:MouseEvent):void
{
    isDragging = true;
    e.currentTarget.startDrag();
});
mc2.addEventListener(MouseEvent.MOUSE_UP, function (e:MouseEvent):void
{
    isDragging = false;
    e.currentTarget.stopDrag();
});
addEventListener(MouseEvent.MOUSE_MOVE, function (e:MouseEvent):void
{
    if (isDragging) {
        mc.graphics.clear();
        mc.graphics.lineStyle(2,0);
        mc.graphics.moveTo(mc1.x,mc1.y);
        mc.graphics.lineTo(mc2.x,mc2.y);
    }
});

Should i put all the code you made or just the one under "modifications to your existing code"? because whenever I do either of them I get loads of problems. Can you just tell me what code to put where? — 8-bit mate, Nov 02 '11 at 18:57
now all my problem are consisted with "access to undefined property mc". the only thing I have but the code is the library object "mc" and 2 instances of it onstage (mc1, mc2). you know why that would might be? any chance of you posting the actual fla file you made? — 8-bit mate, Nov 02 '11 at 19:34

Line from one instance to another not working Action Script 3.0

2 Answers2