How to program the visuals of VSN1? | Intech Studio
💬 general Grid

How to program the visuals of VSN1?

Strabisme
Strabisme · · 35 replies

Hi, I have no idea how to program the visual interface of the VSN1 even if I want to learn.

Any tips, ideas how to do that?

I want it to show a grid of the commands I programmed already and which page I am on. How can I do that?

Thank you!

Replies (35)

narayb narayb ·

Name your element with an Element Name block and they should show up when you use them on the screen by default.

narayb narayb ·

If you want to use a configuration that simultaneously shows multiple elements at the same time with names, please wait a bit. Next week I will publish a widget-system for the screen, that would be a good starting point for something like that.

Strabisme Strabisme ·

Oh thank you ! I already have the name for the elements but I wondered how could I customise the screen further

kkerti kkerti ·

I also suggest to wait for @user 's widget system, but if you want to learn more about the screen building api, here is a starting point: https://docs.intech.studio/category/draw

Strabisme Strabisme ·

Thank you !

AK AK ·

Where can one find that "widget-system" ? Thanks.

narayb narayb ·

Not really ready yet. I have a preliminary version if you're okay with tinkering.

It currently supports the creation of custom Layouts, Widgets.
Has one example widget which supports MIDIRX, and showcases rendering capabilities.

I'm planning on making a guide for it this week and making some basic example widgets like faders, value displays etcetc.

It's a long time coming, I know. The time spent on it will let us quickly transition the design of it from code to Action blocks.

AK AK ·

Thanks. Any examples and startingpoints are very welcome.

narayb narayb ·

currently you can find the WIP version of it under the community profiles, it's called suku_widget_4

AK AK ·

this just draws two squares on the screen and i have no clue how to go from there. but you said it is is WIP so, ok. really looking forward to actually make use of the vsn1 display. keep us updated if you can. cheers.

narayb narayb ·

I made good progress today. Depending on my workload for tomorrow, I hope I can share something that's workable by then end of the day.

narayb narayb ·

The idea behind the widget system is that users can just take pre-made "widgets" and place them on a grid on the screen.

narayb narayb ·

A widget could be anything, like a representation of a fader.

I'm currently working on such a fader widget. It asks you for its place in the screen and a CC to listen to. Simple.

AK AK ·

I am actually most interested to find out how to display text from a maxforlive device on the vsn1 display. maby, i hope, your system helps a bit.

narayb narayb ·

Send out the text in some format and then parse it on Grid-side. Old-school devices did it with SysEx.

AK AK ·

Yes, thats the plan/hope but I actually have no clue how to do the Grid-side part. And I fail to find the helpful hints so far.

narayb narayb ·

Rendering is easy. Figure out how to transmit the data, decode it on Grid is the harder part I would say.

narayb narayb ·

As long as you're transmitting in some kind of MIDI format, this should be very doable!

AK AK ·

Should be, yes, but I fail to find documentation for the grid part. Max & MIDI is no issue

narayb narayb ·

If you can show me a MIDI output from Max, I can take it from there and will hopefully guide you to a level where you can build the final UI.

AK AK ·

thats very kind. i will see how i can prepare that and get back to you dm.

kkerti kkerti ·

Please open a new forum post here for that if possible, maybe I could join in then too and knowledge gets shared

AK AK ·
kkerti kkerti ·

great, I'm gonna paste code there

kkerti kkerti ·

what kind of object do you use to send data to grid from max? Is it some sort of MIDI out?

AK AK ·

It can be anything that is most favorable for the Grid side. But yes, plain MIDI (cc) or Sysex.

kkerti kkerti ·

do you use max in ableton's context?

AK AK ·

Yes, I aim for a maxforlive implementation as visual support on the vsn1 for a specific device

kkerti kkerti ·

I'm rusty with max, how do I set MIDI OUT to Grid? Or I use ableton's midi channel as the MIDI router?

kkerti kkerti ·
image.png
kkerti kkerti ·

If i remember right, then put a max midi effect on channel -> us midi out as the device itself -> ableton will output the midi based on MIDI preferences. Do I get it right?

kkerti kkerti ·

ok, works

image.png
kkerti kkerti ·

let me do a sysex, as I think we've fixed the sysex parser.

AK AK ·

thanks a lot! should we take it over to the other post ?

Discord

View on Discord

This post is from the Intech Studio Discord community.

Open thread →