Eh... dangling wire-ish effect...

[eilsoe]

Nothing special, just thought I'd share it anyhoo :)


Drag the ends around

[hybrid101]

nice physics there eilsoe:)

[bootiteq]

I like that!

[gvozden]

maybe not too much coding but idea is great
I really like it ;)

[eilsoe]

Yeah it's really simple, just thought someone might get a kick outta it :)

[ya3]

AHAH! Reminds me of Reason. You know, when you hit [TAB] to see the back of the rack, and you re-patch the cables to your devices?

Nice ;)

[tristessa]

AHAH! Reminds me of Reason. You know, when you hit [TAB] to see the back of the rack, and you re-patch the cables to your devices?

Nice ;)

word up, reason owns

:red:

[rmo518]

I like it. A while back I was trying to make a dangling wire dynamically - it didn't behave properly so I gave up and animated it by hand, but this is great. And the new Flash filters let you give the line some dimension too.

[prototype]

Strangely familiar.

Check this out:
http://www.ericd.net/2006/02/elastic-cord-source-release.inc

[eilsoe]

did I ever call this a revolution in flash?

lots of people have done this before...

[lunatic]

doesn't seem to work in FF :(

I can see some cool applications with this :)

[JoshuaJonah]

Eilsoe, you are by-far the king of noodles....:)

[gvozden]

I like when people do simple .fla files to show how some things are done
wrapping it in cool user interface just showes what can be done, which is not bed most of the time but it distracts from solution

[rawnewdlz]

neat. (works 4 me in FF)

[DDD]

looks good E, I also like the other example....would make a cool interface

[prototype]

did I ever call this a revolution in flash?
lots of people have done this before...

No intent to discredit you. Sorry if you took it that way.

I saw your example and it reminded of the eric d.'s example. I just wanted to share some other source code. Thanks for sharing yours! Great stuff! :)

[hl]

It'd be cool if you could add new points along the line, and be able to move any of the created points and have it still obey gravity, of course.

[matthewjumps]

what version of flash is that? i cant get it to open im using MX 2004 version 7.2....is it flash 8?

[J]

this will not work in lower versions. bcoz filters r used

:)

[matthewjumps]

can someone post a version that will work in mx2004? w/out filters? or are they 100% vital?

[eilsoe]

mx2004 compliant version

[matthewjumps]

sweeet! that is really really nice - and so clean and concise - and no extra classes and crap

:thumb2:

[rmo518]

Here's two thoughts on ways these samples could be built on. (They're great, I'm just wondering how far we could push this simulation.)

1) In both samples the wire is "stretchy" it's long or short depending on the location of the two endpoints. Could we create a wire that was a specific length? You could only stretch it so far until it was taught and when the ends were close together a large loop of extra wire would hang down. Any thoughts on how to come up with something like that?

2) Could we put these kind of wires in perspective - in some kind of 3D environment where the got smaller in the distance?

[eilsoe]

the way the wire hangs (whoa that came out wrong..) is baed on the anchorpoing in the line, which is based on the centerpoint of the endpoints and the distance between the endpoints...

you can just make the anchorpoint go down as the poins get closer together...

as for 3d... I have no clue, I've never done 3D in AS. Though I remember Erik Natzke showcasing some drawing techniques at the 2005 SPARK thing, he made a "pressure simulation" on equally distributed points along a painted line, and then scaled the points accordingly, maybe that way you can make a depth-ish effect on the wire :)

reference: www.fabchannel.com - search for "SPARK" - watch Erik Natzke.

[ya3]

Ugh... All this stuff makes my head hurt :(

What ever happened to good ol' tweening?




:trout:

[Ordinathorreur]

This is pretty cool man. Who cares if it's been done before, it still rocks big time.

(p.s. next Spark i'm coming to find you)

[rmo518]

reference: www.fabchannel.com (http://www.fabchannel.com) - search for "SPARK" - watch Erik Natzke.
Great link. Very inspirational - (or completely discouraging). I'm going to have to take some time and watch the whole thing and learn to feel really bad about what I can do in Flash.

[Naister]

Well, I am trying to make a new line based off of P2 in your script and P4, which is another point. I think htat I have edited everything, but the lines do not show up.
I just added this

import flash.filters.GlowFilter;

glow = new GlowFilter(0x000000,.60,5,5,2,3,true,false);

filterArray = [];
filterArray.push(bevel);

pm._visible = true;
pm2._visible = true;

_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line",1);
_root.line.lineStyle(20,0x339966,100);
_root.line.moveTo(p1._x,p1._y);
_root.line.curveTo(pm._x,pm._y,p2._x,p2._y);
_root.line.filters = [glow]
}
_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line2",2);
_root.line.lineStyle(20,0x129966,1000);
_root.line.moveTo(p2._x,p2._y);
_root.line.curveTo(pm2._x,pm2._y,p4._x,p4._y);
_root.line.filters = [glow]
}Now the lines do not show up. If I just delete the
_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line2",2);
_root.line.lineStyle(20,0x129966,1000);
_root.line.moveTo(p2._x,p2._y);
_root.line.curveTo(pm2._x,pm2._y,p4._x,p4._y);
_root.line.filters = [glow]the line shows up

[phorte]

you need to move your added part into the other onEnterFrame and set all those objects so they are refering to line2, not line. Otherwise u will overlap with ur existing line.
import flash.filters.GlowFilter;

glow = new GlowFilter(0x000000,.60,5,5,2,3,true,false);

filterArray = [];
filterArray.push(bevel);

pm._visible = true;
pm2._visible = true;

_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line",1);
_root.line.lineStyle(20,0x339966,100);
_root.line.moveTo(p1._x,p1._y);
_root.line.curveTo(pm._x,pm._y,p2._x,p2._y);
_root.line.filters = [glow]

_root.createEmptyMovieClip("line2",2);
_root.line2.lineStyle(20,0x129966,1000);
_root.line2.moveTo(p2._x,p2._y);
_root.line2.curveTo(pm2._x,pm2._y,p4._x,p4._y);
_root.line2.filters = [glow]
}

[Naister]

you need to move your added part into the other onEnterFrame and set all those objects so they are refering to line2, not line. Otherwise u will overlap with ur existing line.
Ah thank you, I'm really not used to Flash. I havent used it in a long time.

[Naister]

Here is some code for a triangle of saggy lines (eheh)

import flash.filters.GlowFilter;

glow = new GlowFilter(0x000000,.60,5,5,2,3,true,false);

filterArray = [];
filterArray.push(bevel);

pm._visible = false;
pm3._visible = false;
pm2._visible = false;

_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line",1);
_root.line.lineStyle(1,0x224466,100);
_root.line.moveTo(p1._x,p1._y);
_root.line.curveTo(pm._x,pm._y,p2._x,p2._y);
_root.line.filters = [glow]

_root.createEmptyMovieClip("line2",2);
_root.line2.lineStyle(1,0x129966,100);
_root.line2.moveTo(p2._x,p2._y);
_root.line2.curveTo(pm2._x,pm2._y,p3._x,p3._y);
_root.line2.filters = [glow]

_root.createEmptyMovieClip("line3",3);
_root.line3.lineStyle(1,0x661133,100);
_root.line3.moveTo(p3._x,p3._y);
_root.line3.curveTo(pm3._x,pm3._y,p1._x,p1._y);
_root.line3.filters = [glow]
}

[dream0r]

Really Nice done...


added some Bevel:



import flash.filters.GlowFilter;
import flash.filters.BevelFilter;

glow = new GlowFilter(0x000000,.20,5,5,2,3,true,false);

bevel = new BevelFilter(-9, 45, 0xFFFFFF, .8, 0x000000,.8,5, 5,.7,3,"inner",false);


filterArray = [];
filterArray.push(bevel);

pm._visible = false;

_root.onEnterFrame=function(){
_root.createEmptyMovieClip("line",1);
_root.line.lineStyle(8,0xFF3300,100);
_root.line.moveTo(p1._x,p1._y);
_root.line.curveTo(pm._x,pm._y,p2._x,p2._y);
_root.line.filters = [glow,bevel]
}