LFO Shape Designer

[DanH]

I'm looking into building a designer for custom LFO shapes, similar to that of the original NI Massive:

My version would differ slightly in that you would drag the Shape onto a dynamic grid (8 steps max, 2 min), which would then update the table. Something a little bit like the below but a lot more developed (and with less complex shapes!)

My main concern (aside from the draggable panel design!) is updating the table points. I'd need a way to update the index of each point when new shapes get added to the table, as the total number of points will often increase / decrease. A table script often looks like the below:

inline function ontableShapeControl(component, value)
{
        tableShape1.reset(0);
        tableShape1.setTablePoint(0, 0, 0.00, 0, 0.2);
        tableShape1.setTablePoint(0, 1, 0.15, 0.5, 0.2);
        tableShape1.addTablePoint(0, 0.5, 1);
        tableShape1.addTablePoint(0, 0.75, 0.5);
        tableShape1.setTablePoint(0, 4, 0.75, 0, 0.2);

};

Content.getComponent("tableShape").setControlCallback(ontableShapeControl);

So the function would need to be able to dynamically add and remove lines to allow for additional points, update all the indexes if needed, and change all the values. In my head this just seems super tricky

Any ideas on this would be hugely welcome. Could be a really cool feature for lots of us.

[d.healey]

@DanH said in LFO Shape Designer:

In my head this just seems super tricky

All you need is a loop. From 0 to the number of table points.

Another UX you could use instead of dragging, and which avoids the need for drawing table points, is using copy paste of the tables.

[DanH]

@d-healey

All you need is a loop. From 0 to the number of table points.

How would you update the other values?

Another UX you could use instead of dragging, and which avoids the need for drawing table points, is using copy paste of the tables.

Its like adding tables together, rather than one whole table (which is what I've just made on that other thread). Unless I've misunderstood? Dragging seems in vogue and intuitive right now.

Thanks :)

[d.healey]

@DanH said in LFO Shape Designer:

How would you update the other values?

Not sure what you mean by other values, maybe I've misunderstood the concept.

[DanH]

@d-healey oh sorry, I think I'm confusing things!

So every time a new shape is added to the sequence it will add / remove some table points. So lets say a table has only two points:

tableShape1.setTablePoint(0, 0, 0.00, 0, 0.2);
tableShape1.setTablePoint(0, 1, 0.75, 0, 0.2);

Then a shape is dragged on and the code would become:

tableShape1.setTablePoint(0, 0, 0.00, 0, 0.2);
tableShape1.setTablePoint(0, 1, 0.15, 0.5, 0.2);
tableShape1.setTablePoint(0, 2, 0.75, 0, 0.2);

So actually perhaps the x/y/curve values don't need to change, only the index does. And adding the points obviously...

[d.healey]

@DanH

So you need an array to store the table points, you then run the loop over the array to add the points to the table.

[DanH]

@d-healey but I HATE arrays!

[d.healey]

@DanH You need to embrace them.

And array is just like have multiple variables but with less code.

So you could use lots of variables like this

const myVar0 = 10;
const myVar1 = 20;
const myVar2 = 30;
const myVar3 = 40;

Console.print(myVar3); // 40

or you can use a single array

const myArr = [10, 20, 30, 40];

Console.print(myArr[3]); // 40

They are not much different, but arrays are much more useful for doing batch jobs because you can loop over them.

[DanH]

@d-healey you forget that I inspired you to make the make the arrays video a few years ago

I've come a long way since then :) Not far enough however...

I've just seen there's an api for it perhaps:

[d.healey]

@DanH said in LFO Shape Designer:

I've just seen there's an api for it perhaps:

Looks like it will save you from a loop, Looks like it will save you from a loop, Looks like it will save you from a loop, Looks like it will save you from a loop

[DanH]

@d-healey perhaps, if it worked!

tableShape1.setTablePointsFromArray([0, 0.5, 0.30, [0]], [0.5, 0.75, 0.5, [1]], [1, 0.9, 0.9, [2]]);

[d.healey]

@DanH Looks like it's only for Tables, not ScriptTables

[DanH]

@d-healey ok so my script is:

const var Table1 = Content.getComponent("Table1");
const var LFO1 = Synth.getModulator("LFO1");
const var tableShape1 = Synth.getTableProcessor("LFO1");
const var makeShape = Content.getComponent("makeShape");

inline function onmakeShapeControl(component, value)
{

        tableShape1.reset(0);
        tableShape1.setTablePointsFromArray([0, 0.5, 0.30], [0.5, 0.75, 0.5], [1, 0.9, 0.9]);

};

Content.getComponent("makeShape").setControlCallback(onmakeShapeControl);

The other API's (add/setTablePoint) work fine here....

[d.healey]

@DanH TableProcessor != Table

Try this

[DanH]

@d-healey ah, yes got it working, thanks :) Ok so this array needs to dynamically load points into the table..

[d.healey]

@DanH Each time you update your array you call that function to update the table

[DanH]

@d-healey can the array have a dynamic number of variables?

[d.healey]

@DanH An array is a variable. You can dynamically change the values within it. Check out the API

[DanH]

@d-healey so push and remove might help here I guess....

[DanH]

@d-healey or concat

Making some (slow) progress... please let me know any pointers if you have any... :folded_hands:

HiseSnippet 1391.3oc2X8tZabDDeOYeoQJMgFZ9PoPgC+IEhQH4XmXSojyVVJHpjknxMotlPX8oUVa7c6d8tU1UMDHuA8UqOB4QnuAsyr2oSqhkkUEIgPOLKd14O6uY1YmYr6DI8XwwxHhU9CGExHVeoc2QB0fpCnbAow9Dq6Z2swA0bd9tOqlyg6tWyZj8FERiiY8HVVq7TTLq7qRze+8S1i5SEdrIaQHOSx8XM4Ab0jc639ibe+5zdrC4AFRuoaCOonpzWNDfzJ1kIgTuynmxNfhhkylXciZ83JYTWEUwhIVqtmr2ntCjWHRj+Y7X9I9LjnBoKXnjsqK86gHF2kTc.2uWmwtdLgXY2YRfXkj.w8raw6wy1eR.4qzLblngY7vJ2zvakofWES3U1.dy.RVFPZ0DHAWEdQ7P0DNHdtkcCghE0mBgcSnjHKI2FqZWUBRHTkBnmwpGADYZT7QkKutCrb+uu.D4iUNmSibNjBXrhyO3LVwSYppxfPo.HJtVB60lRkl0aiJnSdPwaI6MzmBQhhqgrlVXEZftCngrozQa2Lm6ZTT+qf1FakYihn6XnFWvU6FEQGAxe7wfCWtzF3xCK+h0cNtbosPhGqW2JYmDBsP67hWXBAA6BCSUphVvs0FH0Zajn6VIJCaUISjMPaUn.W3yELm9CEdJtT3HE3Mi1IvHdjzun23v85vo5Ojc+ButPg7Nv26GCJEwhYphnG6j9cIQhGGbkbgJFRABz9Pwr.Cn8a.CL666Lvs18QKkBwpTe+SfWmEuL5QrLGe7.1EyyMym2W5Q8wHsVbLRigs74GuSI35vipl.+0ytVfiNed3mqNJMCdWU3Y74sXQGvst1.zDWGroQr4.oh0VTT69EdSAm2mU+9yjWps7YQyjMVbMZdJVTLL3DVjYvGEDp3LcYL6qtLlYUVuj.jgfRQC3NpcHSbU0dIoQUrjWJpfiWoK3c6zBd5KGBGJqcS6jhODMfMayzipnDKl8i2nj96OZNp4lb+i7ks+U+ipuCRu8HXYTafa+cPY1hej+QUP5RO.W1tJrbNR24AI5OleeM81cA0eUaB4marOdboPFPO3QgrHEGCVV6yNGZ4kTyNu89r3yTxPv+yRZHVew05f+9Dm6H2QYDusu6E7dpAYa7tP2AL9oClzc08UtgiCvM.SdCarPJFne+i+NoG+dCUJoPe92xNKW0.Bu80FPfvcYBDjXevlLZj.a2viaIC.iSi.IsxESOm0PzQ+pCYuXm9crMeobU.vUtL.3x8SgN4i6RY1dGmoIkA7XYpdpXeSQLWMxblmOX87WTHdW6Nbk2fYiwby.iPh5GCLlNozssq0uOySMAfqZW+W93LVj4weyji+asepu7Dp+j.E7jDPBKY7nuKksSFemLApLmYY+qEcV1vEdVVqUl2rqUVxYWW8ytYWWz73u9RWMweBesM0D12MAl1XoRM1RKZdsvYOdnzmFg7qGw9sgLgmA+28DLunwjzJ2+z84Pgo9xnfz9CoR9MtMYmBg.SaeHCJYBSG6YlB1MPJUC3hSmNa6dtMkxvZ5xh8LMRmAzXb9AcYPCy.l8PYKZL7GBTEl25LSlMNUHiXIyjXte0gwJYvXG3SU21tJVntcq0w1OZyRZ935Nn9Or8GF5+KUHqL+7pbKb5Ojh4jkUguB9LrYSBJyxs+LEkysk3J++tk3OIGpf5AsnpHNLwj8ACC5B8b7XvoKDLeb9cqb3y2D5xHstF.SzSS7OvWJyJHsUJyJiY9I4LBndQxW5k72.fOjtodGvuE5+6O4sagzNyX3+.nq1K87l1TWRwMVVEe3xp3lKqhasrJ9nkUwGurJt80qHNzwtCgVGIOMIjVcpkTQ2JqiELg9+BXlzwJK