Knob values displayed as percentage

Jeetender

@David-Healey iam confused for now...please help

//Left Knob
const Knob1 = Content.getComponent("left");
Knob1.setControlCallback(onleftControl);

inline function onleftControl(component, value)
{
	Panel1.set("text", Math.round(value * 100) + "%");
	Panel1.repaint();
}

const Panel1 = Content.getComponent("LeftPanel");
Panel1.setPaintRoutine(function(g)
{
	var a = this.getLocalBounds(0);
	
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), a, "centred");
});

//Right Knob
const Knob2 = Content.getComponent("right");
Knob2.setControlCallback(onrightControl);

inline function onrightControl(component, value)
{
	Panel2.set("text", Math.round(value * 100) + "%");
	Panel2.repaint();
}

const Panel2 = Content.getComponent("RightPanel");
Panel2.setPaintRoutine(function(g)
{
	var b = this.getLocalBounds(0);
	
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), b, "centred");
});

David Healey

@Jeetender said in Knob values displayed as percentage:

iam confused for now

Which part is confusing you and I can try and give you a pointer?

Jeetender

@David-Healey use a control callback or you can connect through processor/parameter ID iam new to hise coding or even coding...

David Healey

@Jeetender If you want to use a control callback then you can't connect to your fx module using the processor/parameter ID settings in the property editor. Instead you need to set the fx module's controls through the control callback as well. You can do this using the setAttribute() function.

However in your case I don't think you should use a control callback at all and you shouldn't draw the knob values in a panel. Instead you should be using look and feel to style to the knobs and draw the value.

Neither of these things are beginner friendly so don't worry if you feel a bit stuck at the moment, you'll get there.

Jeetender

@David-Healey the only work around here is to display the pan or gain values from the scriptfx nodes?

David Healey

@Jeetender I don't know what you mean

Jeetender

@David-Healey
i can add this
this.setAttribute("ProcessorParameterID", value) to the callbacks,

this.setAttribute("Script FX1.LeftJpanner.pan", value)

David Healey

@Jeetender Almost. this should be a reference to your effect and ProcessorParameterID will be the constant that refers to the parameter you want to control, in your case something like myEffect.Left

David Healey

@Jeetender Here's an example using a Simple Gain effect

HiseSnippet 1025.3oc0W0saaaCElzwJqwasnsXO.Z4J2ghT4XO2FTLzzXmrYzkTioztsqJnEohILEofHUV8F1Cx1M64X2Uf8Bs2fsCojikaLRb89Aq5BCQdNGd93ge76HOLSEwzZUFB23zooLD9i7BmJMi6MlvknA8Q3a4cLQaXY9EScvzThVynHLdiuvNAdq5H2ye7jCHBhLhMeJD5kJdD6q3Iby7YGt+y3BwQDJ6TdREu6r+fHkrmRnxA7rgW.JkDMgbF6Dh0sZdnujnGivepGIpcqffNcosGQHin6tWmXV6tc6zpc7dAcH6Q5FrW2fNsP3MOjxMprPCwvzvhdfhNMbr56kEI3kbMejfYGzBEBYtXZTuwbAc3rhiFgv0GNuTsQQo5i8NlS4WL+7R1scF7mGQ0hFt1UAoVuCPBWAR0Kfzc7Bix3ol4Vr34C8FHgSvXBb1TEJE9hp86XudJvCoYmDxD1QYvfKhnY2ff66C+buG2nAb9nM9g7jTAyd52x+y8c7kcNiYNLNlEYZtcgYem8ssQ8fG7I9OSpF0pLd26PjyRJDaOURpRBCZtsypMN2K6nsFklLknGQHFALhlJoyT4z1LvkBtj4GmKiLbkzeQOZFMa0uu+4DQN6dM9wFaUYWXSxSMlL9nbCqYUC1emEzia7SMpjgSTF1ykMcqEXw+sMEGuTakXRvxVpY6UhrqJvlx7jQrrp6Dqi.EXQd0lqFuJp3LnhiJ4.I277TV43iTBpkuXe+xrPT4gnkOVhPvUiiMdqR1XnfSYYHNrHefm6fA4.eUgBzKFzmXHyVFXEgrjxxLb6lA2mcNHjTPx2xqOSOwnRc9Vdxhv27ZS5qQXO7uB4Zp8kcgWzlo1RxlNGPIbJUvFpzbaIeN518Mf.XZH+GbH9W9Y6yu8jjphee2aRHut59QmGGysIzymd.JlKRz.+JcPBnmgv206EZlOkESxEFe8DXo.B7DF8TkSnKQQK2nQ7QLAnYdoq5fHihlKHlEUdrD1RC18P0q61qzRXuMspl86fbTvUJGspP7NdC4lnwKGi0VBFAJw+FXrTD+ldExVyAXcui910UwNX0UruwE8auPtoreaU8yqneKB0mIHKTn9FN0LtBob+kzQdf7b3V0Pkfj81k4M9mpyT8UlKX2R9+c3q0WsCiqQDaEw6c8bk72m.riR79Cfus2Px+GHDesJ2vkmcLADssp3mjmDBeVZDCfpTxDZaGjZ11eEiCris.JjIotA+I7TZrkcLtzXqYF+OIGIjnL0qhJZLauZdC2Lv9V59n5sfutGF6ujNxP2P9qhhVbotTf6ttA1dcCry5F3mstA1ccC7gqafO55Cz9WLdZtQkTbOAgNd3gtufBiOTR.Fu6JC5u.j6SOiC

Jeetender

@David-Healey

const Knob1 = Content.getComponent("left");
Knob1.setControlCallback(onleftControl);

inline function onleftControl(component, value)
{
	Panel1.set("text", Math.round(value * 100) + "%");
	Panel1.repaint();
	
	this.setAttributeNormalized("DSPNetwork.leftjpanner.Pan", value);
}

const Panel1 = Content.getComponent("LeftPanel");
Panel1.setPaintRoutine(function(g)
{
	var a = this.getLocalBounds(0);
	
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), a, "centred");
});

David Healey

@Jeetender Take a look at the snippet I posted above and my comment in the post above that.

Jeetender

@David-Healey yes i saw the snippet and ure comment

const DspNet = Synth.getEffect("Script FX1");

const Knob1 = Content.getComponent("left");
Knob1.setControlCallback(onleftControl);

inline function onleftControl(component, value)
{
	Panel1.set("text", Math.round(value * 100) + "%");
	Panel1.repaint();
	
	DspNet.setAttributeNormalized("Script Fx1.Left", value); // left is a macro in the dspnetowrk
}

const Panel1 = Content.getComponent("LeftPanel");
Panel1.setPaintRoutine(function(g)
{
	var a = this.getLocalBounds(0);
	
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), a, "centred");
});

David Healey

@Jeetender said in Knob values displayed as percentage:

"Script Fx1.Left"

Did I use quotation marks in the snippet?

Jeetender

@David-Healey

DspNet.setAttributeNormalized(Script FX1.Left, value);

Found identifier when expecting ',' error after this line

David Healey

@Jeetender Generally spaces are not good in code. Your reference is called DspNet not Script FX1 - so DspNet.Left - you should name things consistently though so that you are using the same naming everywhere, your code will get very confusing otherwise.

Jeetender

@David-Healey

yea iam trying to clean up with small error, now as iam using

DspNet.setAttributeNormalized(DspNet.Left, value);

it give sout an error fucntion not found..

const DspNet = Synth.getEffect("Script FX1");
const Knob1 = Content.getComponent("left");
Knob1.setControlCallback(onleftControl);

inline function onleftControl(component, value)
{
	Panel1.set("text", Math.round(value * 100) + "%");
	Panel1.repaint();
	
	DspNet.setAttributeNormalized(DspNet.Left, value);
}

const Panel1 = Content.getComponent("LeftPanel");
Panel1.setPaintRoutine(function(g)
{
	var a = this.getLocalBounds(0);
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), a, "centred");
});

David Healey

@Jeetender said in Knob values displayed as percentage:

it give sout an error fucntion not found..

What is the full error

Jeetender

@David-Healey

Interface:! Line 30, column 31: function not found {{SW50ZXJmYWNlfHw4NTZ8MzB8MzE=}}

David Healey

@Jeetender What is the function on Line 30?

Jeetender

@David-Healey said in Knob values displayed as percentage:

@Jeetender What is the function on Line 30?

const DspNet = Synth.getEffect("Script FX1");
const Knob1 = Content.getComponent("left");
Knob1.setControlCallback(onleftControl);

inline function onleftControl(component, value)
{
	Panel1.set("text", Math.round(value * 100) + "%");
	Panel1.repaint();
	
	DspNet.setAttributeNormalized(DspNet.Left, value); // line 30
}

const Panel1 = Content.getComponent("LeftPanel");
Panel1.setPaintRoutine(function(g)
{
	var a = this.getLocalBounds(0);
	g.setColour(this.get("textColour"));
	g.drawAlignedText(this.get("text"), a, "centred");
});

Knob values displayed as percentage

15

2.3k

13.6k

118.3k