useful design's picture

Alastair (@usefuldesign)


  • Vuo Founder


1 year ago
useful design's picture

Thanks Bodysoulspirit for the helper compositions. Now you mention it I made something a bit like this in Quartz Composer once to help with aligning hit-zone for buttons into a JS patch data store! I was up really late last night and I wasn't thinking laterally at all by then (not in Vuo, I was also trying things in AI, Kineme QCrystal, mimoLive rendering to ProRes4444, AE and PremPro), and as you can read I got increasingly trusted with the stock tools for adjusting port values. B/c I'm still pretty novice at using Vuo I haven't thought through all the helper tools we need to do graphic designer type work in Vuo, I had loads of such tools for QC after a few years of regular use. Maybe some of us could compile a set of these user made helper tools and Vuo could place on the site in a reserved place for Editor additions or something?

—> 2. I was originally building it in QC partly so I could use it in mimLive (formerly BonixTV) as a custom layer as well as generate some footage to overly in Premier Pro right now for a past event. mimoLive allows you to record input settings as Layer variants. (It will be neat if we can find a way to wrap Vuo comps in QC wrappers to use in mimoLive, via Syphon is the most obvious but hacky way). So I had each element as an adjustable colour so I could have different (editable) versions storage in mimoLive i.e. a colour version, and a few greyscale and a translucent white variation. When working with transference it depends on the footage the bug is over so it needs to be flexible on the job. I just continued with that approach, yes I could have used just the two images, but I was repeating my workflow from QC/mimoLive. And when Vuo can export Image generators for Motion and FCP X it will work for those two I guess I was thinking.

–> 1. Thanks for the Map Image node, I was looking at a couple of other nodes in Vuo's long list of image adjustment layer choices but couldn't get anything to work, I must have missed that one, I guess it's the most ideal one yet (and small on screen space too!).

useful design's picture

I gave up on this because positioning each of the eight elements was taking about 5 minutes each and it did my head in. And if I find the last one doesn't have room I have to move them all over again one by one. It's just so frustrating, @teamVuo.

QC has dials for adjusting number inputs (which can be replaced with an Input Splitter with a set range if desired but not compelled to use). Vuo has decided to put range bars with a very small pixel range for adjusting these standard input values. As if nobody would ever care about any kind of precision.

Using the slider is impossible to get the accuracy I need. Using the up and down arrows are too big in the jumps. If there were some modifier keys for making the up and down arrows move in smaller and larger increments or if it was possible to adjust the standard increment in preferences there would be other ways to do this. As it is it's insanely problematic and not the first time I've thought so and given up using Vuo for a project. I'm forced to manually keep trying numbers (trial and error) and unlike the standard macOS interface default that "enter" updates the number with the typed input but keeps the highlight on that input it "Tabs" to the next one. So I have to enter a number and then tab forward then "shift" + "tab" back to enter another number, over and over and over again. It's a bit dispiriting for a designer trying to line up a few objects visually.

Most of my PNG file sizes are the same so I should be able to give them all the same position and they sit in place but that isn't working for me either, and in any case sometimes you need quick and precise manual adjustments in visual design without the frustration of typing in 30 values until you get the right one.

In QC you can grab the adjustment dial for an input and drag the cursor away from the dial half a screen length and then get very tiny increments per 10 pixels of movement of the cursor, like a wretch with a very long arm. THere's no way to do this in Vuo and this is not the first time I've given up using it for some UI frustration.

useful design's picture

I was trying something similar to the first but I hadn't noticed the Replace Opacity input until I saw iron your screenshot set to False. Now it's working, thanks Joe. I like the second method better, didn't think to use a mask, obvious now you show me!

useful design's picture

Fetch 8 white/clear images and apply a colour to each of them…easiest way?

I have a really simple composition in QC that loads 8 images (.ai files which I have to export as .png files to use in Vuo) and have colour wells for all the images and I rotate one of the images according to a simple random generation algorithm. Vuo's Make Image Layer node doesn't have a colour input like the QC Billboard patch. Looking for something equivalent to sprite/billboard with colour tinting of image function.

useful design's picture
Alastair commented on Bodysoulspirit's Discussion, “Vuo redesign - Nodes

I realise the look of Vuo 2.0 is probably locked down now. But I'm going to make one more plea for consideration to the idea that Vuo shift input ports to inside the node and put the value print outs after the port label, the exact same way Origami Studio does. Drawers and extremely long values like font names could still be hung of the node (or make it optional).

My reasons are twofold: aesthetics/ease of visually parsing the general composition and optimal use of screen "realestate" or a more functional use of space.

When double clicking node inputs (or tabbing through them) to edit the value the input could pop out on the left or on the right of the label. I also prefer the node corner radius used in Origami Studio, and more generally, it is more functional and more sophisticated and professional looking than Vuo 2.0. Just copy it as much as possible, it copied QC after all… it works.