» the easiest way to do a dock-style menu
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

the easiest way to do a dock-style menu

question resolved graphics dock menu

katzenfresser 18/02/12 - 10:53

Hi guys,

i tried to do a menu like mac dock animation:
http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

it somehow works, but the patch is quite messy (therefore i dont want to post it ;D).

i'm sure there must be a very easy way to do that in vvvv. which nodes would u recommend me?

thanks.
j

7 replies 0 new

show us your patch !

link | Flag this reply as a solution. readme (node kollaborateur) 19/02/2012 - 00:29

Reminds me of the good old tutorial spreadsii

Can't give it a try right now, but I guess I'd go for the same approach with Mouse and Points2Vector, mapping the Vectorlength to the Scaling while at the same time mapping it to the LinearSpread's width, taking all objects' current scaling into account.
FrameDelay would be needed though …

What was your approach?

link | Flag this reply as a solution. katzenfresser (node kollaborateur) 19/02/2012 - 02:30

@readme:

your are right. aclculating nice looking values for the item's scaling dependent of current mouse position can be done with the Points2Vector node easily.

but:

1) i will have more than one mouse, because the project will be a largescaled installation with multiple human tracking. how to calculate the scaling then the best?

2) beside the item's scaling the x-translation must also be changed. for me it's more difficult to find the correct translations dependend of the actual calculated scalings (especially because of the item's centerX). is there a easy way?

thanks.

link | Flag this reply as a solution. katzenfresser (node kollaborateur) 19/02/2012 - 02:31
link | Flag this reply as a solution. readme (node kollaborateur) 19/02/2012 - 02:49

Yeah, that's what the mentioned LinearSpread is for. Manipulating its width will translate the icons evenly.

But I had another look at your example, and an even translation of the icons may not be the desired behaviour.
I'd try Attractor for manipulating the positions then, I think something similar could be achieved that way.
Or maybe a combination of both approaches at the same time?

Would be easier to try it, but no windows machine is close right now, sorry.
Good look though!

link | Flagged as solution by katzenfresser. Remove solution flag. Desaxismundi 19/02/2012 - 10:39

know this FisheyeScroll (GUI) by diki?

tiki-download_file.php?fileId=1276

link | Flag this reply as a solution. katzenfresser (node kollaborateur) 20/02/2012 - 11:55

Thanks!

anonymous user login

Shoutbox

~3h ago

Urbankind: circuitb:Wrongcop is epic! :)

~4h ago

joreg: @tobi: use GetSlice() as the patch i referred you to is demonstrating. or start a forum thread with your patch.

~4h ago

TobiTobsen123: hmm yes i can see the values...but how to handle them as seperate values? I need to forward them via TCP/IP...

~6h ago

joreg: @tobi: OSCDecoder helppatch has a section: OSC_Advanced (bottomright) that demoes decoding of multiple messages

~6h ago

TobiTobsen123: I'm using an OSCDecoder, it receives two arguments...works but how can I seperate the arguments into two seperate values

~9h ago

u7angel: @mediadog, make it a forum question.

~9h ago

u7angel: @mediadog, tty renderer ?

~11h ago

microdee: however non-conductive objects are invisible for this so the pencil and the sticks in the video are still a mysteries