AS3 Drag Sort Grid Experiment

This is really just an experiment that I have ended up not using at all.

I had a project where I had to come up with some interface for changing the order of items (gallery items in a CMS) so I thought I could simply layout a grid representation of the gallery items and let the user drag them around to re arrange them.

The result is below;

The Flash plugin is required to view this object.

It’s not perfect by any means, but might be of use for someone. In the end I added drag and drop functionality to the NpScrollingPanel class as a means to re order content.

Source Files
Here is the relevant source file; Drag Sort Grid (1035) - 42.29 KB

The orginal file came from the excellent soulwire (JUSTIN WINDLE) at this url; http://blog.soulwire.co.uk/art/dynamic-stacking/

8 Neighs about “AS3 Drag Sort Grid Experiment”



Burn Neighed:

Another great job!

young Neighed:

thanks for your work ,it’s cool and very useful !

AS3 Drag and Drop Shuffle Grid Menu Interface Neighed:

[...] friend of mine, Dale Sattler over at No Ponies recently posted a grid sorting class. He said it was based on my old dynamic stacking menu; but that was pure modesty as his script is [...]

Justin Neighed:

Hey Dale!

Looking good! You inspired me to have a crack at something similar:

http://blog.soulwire.co.uk/flash/flash-interfaces/as3-drag-drop-shuffle-grid-menu/

Sorry bro, I couldn’t resist trying to write an algorithm for the grid shuffle.

How tricks? Have you made the move to England yet? Hope all is well, and keep up the good work.

Dale Neighed:

Hey,

Your version is pretty slick, slicker than mine.

I’ll be in England in about 15 days, 21 March. Getting close, so much to do before then. Exciting to.

Justin Neighed:

Nice! That’s great news. Well, I hope the move goes well, I’ll leave you to the thrilling job of packing :)

The wordpress / AMFPHP library looks amazing. Really good idea.

See you in blighty! ;)

fizzle Neighed:

I apologize in advance for my newbie-ness
when clicked I would like for the box to move to a certain ‘y’ position, ex. the position of box5, then have box5 move to the clicked box’s ‘y’ position, how can I achieve this?

Dale Neighed:

You will have to figure that one out yourself, sorry.

Leave a neigh?