On `Make Slider` UI node, add options for snapping behavior

It would be nice if the Slider Node could have a list of real numbers fed into it so the slider can snap to set user chosen increments within the set range for the slider. This would allow say for the slider to be easily positioned at exactly 50%, or at precise 10% increments etc.

I see this feature as having some behaviour options: 1. Snap to List - The slider snaps to only listed values 2. Weighted Snaps - The slider snaps to listed values only when within certain threshold of a listed value, otherwise it can be set freely to non-listed values. 3. Override Snaps Boolean (Default - True) - Allows the listed values to be ignored and frees the slider to be set at any value with its range. Kind of like how holding down in Photoshop temporally turns off snap to guides feature.

Component: 

UI Node - Skinning for Buttons (Action and Toggle)

To really be able to customize the look of a UI it would be a nice addition to have Image Skinning for each button state, with options for stretch to fit, crop and scale.

States: - Pressed - UnPressed - Toggled - Hovered

It would also be cool to allow for even more customized buttons shapes like those in a D-Pad where the buttons are something other than rectangle but I'm not sure what the best implementation for that would be. Maybe by allowing a skins alpha transparency to dictate which parts of the button are press-able?

Screenshots, Mockups, and Videos: 

Component: 

Receive Mouse Clicks on Layer

It would be good to have consistency with the 'Receive Mouse...' interaction and add a 'Receive Mouse Clicks on Layer' node. Likewise the 'Receive Mouse Moves' should also have a corresponding 'Receive Mouse Moves on Layer'.

One use case might be a window which contained controls (buttons, sliders, etc) and visual I/O (input/output) layers with mouse interaction restricted to the the I/O layers.

At the moment I can't target mouse moves to a specific layer.

Component: 

Notes from Team Vuo

Vuo Pro: 

No — available with both Vuo CE and Vuo Pro

Complexity: 

●●○○ — A few weeks of work

Potential: 

●○○ — Appeals to current community

Save and Load Words

Decided to try out some of the brand new nodes that came in Vuo 2.2.0 by using the Make Text Field along with the new Display "Open" Window, Display "Save" Window. So far I really like them! Super useful!

This is more of a demonstration than useful app at this point but maybe you can pull it apart and use it in a project or something. Have fun!

Composition and supporting files: 

Exported App: 

Pages

Subscribe to RSS - User Interface