PDA

View Full Version : the ULTIMATE how-did-they-do-that ?....no one's been able to help me yet....


ket
09-25-2002, 12:17 AM
Hi,

basically, i'm in the process of designing my online portfolio / CV, any hows... i've seen something that has inspired me! and its totaly amazing in concept !

I have no idea how its done, maybe someone could help me tear this one appart...
this is the josh davis site... experimental drag and drop (http://www.joshuadavis.com/portfolio_web/web_2002/drag%20and%20drop%20-%20prototype/bpr/)

what i am trying to do is work out how to create this "specific drag and drop menu?" i understand how to get something to be dragged and dropped, BUT i cannot work out the "logic" statements in the AScipt to make it work out where it is, and to "expand untill its at the right size ? AND to expand unevenly on the sides?


I think essentially its a great method to allow user interaction in the most simple yet most effective manner...

The parts which most interst me are:

1) the actual drag and drop...the fact that you drag one project to the stage/area, and the loaded project "tweens back" to its original place ?

2) the way in which the "project" loads into the box... i.e drop it nearer the bottom of the "taget area", the top expands quicker than the bottom and sides ?

3) the ascript for Making it go back

anyhows, please have a look and please get back to me with some ideas of how to tackle this thing.


cheers

Ket

sfa
09-25-2002, 08:28 AM
1) Every time a project is loaded into the main area, it stores a variable with it's name or clip number. When you drag a new item into the area it calles the current movie and starts of the process making it go back. That is simply scripted motion and resizing with easing (a good tutorial can be found on www.bit-101.com).

2) When you drag the item, on Realease it checks thee coordinates, if it is in the main area it starts the process of docking it. Again this is sripted motion and resizing with easing and the growing at different rates is automatic. Try it and you wll see.

3) Try to follow that tutorial and have a loook at this thread -

http://www.actionscript.org/forums/showthread.php3?s=&threadid=16177

SFA