Help "drawAnalyserBackground", "drawAnalyserPath" "drawAnalyserGrid",

[DabDab]

Proper LAF Doc is very urgent. Somebody please write it. Please. specially the New Ones.

[d.healey]

@DabDab said in Help "drawAnalyserBackground", "drawAnalyserPath" "drawAnalyserGrid",:

@d-healey Actualy I don't know how to use Trace(obj).

Just place the code I put inside the LAF function and it will show you all of the available data you can use within the function. This works with all LAF functions, once you know one you know all.

For example

laf.registerFunction("drawTablePath", function(g, obj)
{
    Console.print(trace(obj));
});

Also here is a video about the trace command if you would like to know more.

[DabDab]

@d-healey Superb :)

[DabDab]

@d-healey Nothing is showing

locLaf.registerFunction("drawAnalyserBackground", function(g, obj)
{
	 Console.print(trace(obj));
	 g.setColour(Colours.red);
	 g.drawEllipse(obj.area,2.0);
});

[d.healey]

@DabDab Have you assigned your locLaf function to your analyser?

[DabDab]

@d-healey Yup... All laf functions are not being shown. I was looking for MatrixPeakmeter via trace(obj). Trace function doesn't show anything.

[d.healey]

@DabDab

I was looking for MatrixPeakmeter via trace(obj). Trace function doesn't show anything.

What do you mean?

[DabDab]

@d-healey

const var PeakMtr = Content.getComponent("PeakMtr");


const var Laf = Content.createLocalLookAndFeel();

Laf.registerFunction("drawMatrixPeakMeter", function(g, obj)
{
	 Console.print(trace(obj));
	 
	 g.setColour(Colours.pink);
	 g.drawRect(obj.area, 2.0);
	 g.setColour(Colours.greenyellow);
	 
	 g.fillPath(obj.peaks, obj.area);
});

PeakMtr.setLocalLookAndFeel(Laf);

I can't not figure out how to customize Peaks and max peaks.

[d.healey]

@DabDab obj.peaks is not a path

[DabDab]

@d-healey So How can I make custom LAF Matrix peak meter with gradient.

[d.healey]

@DabDab Without doing it for you there's not much more to say. This is the function I'm using, perhaps it will give you some guidance.

    laf.registerFunction("drawMatrixPeakMeter", function(g, obj)
    {
    	var a = obj.area;
    	var value = 0;
		var numActive = 0;
		
        for (x in obj.peaks)
        {
			if (x > 0)
			{
				numActive++;
				value += x;
			}	        
        }

        value = value / numActive;

    	g.setColour(obj.itemColour);
    	g.fillRoundedRectangle(a, 8);

    	g.setColour(Colours.withAlpha(obj.itemColour2, 0.2 + value));

		if (a[2] > a[3])
		{
			a[2] *= value;
		}
    	else
    	{
	    	a[1] = a[1] + a[3] - a[3] * value;
	    	a[3] *= value;
    	}
    	
    	g.fillRoundedRectangle(a, 8);
    });

[DabDab]

@d-healey Oho... really complicated scripts. It was beyond my knowledge database..

Thank you so much.

[d.healey]

@DabDab It's not complicated, it just looks it at first. This handles vertical and horizontal meters in my project.

[DabDab]

@d-healey Yes.. I am going through the code.

[d.healey]

@DabDab said in Help "drawAnalyserBackground", "drawAnalyserPath" "drawAnalyserGrid",:

@d-healey Yes.. I am going through the code.

My code is also to draw a single bar with the average of all channels. That's what this part does.

for (x in obj.peaks)
{
    if (x > 0)
    {
        numActive++;
	value += x;
    }	        
}

You don't need that if you want to display each channel individually or if you have a mono signal.

[DabDab]

@d-healey Ok.. got it. (y)

[clevername27]

@DabDab I have done so - a highly detailed LAF documentation and tutorial. look in the repository…wherever they put it. It's where all the contributions go…I just don't remember off the top of my head.

[DabDab]

@clevername27 Can you please put the url here ?

[clevername27]

@d-healey Just to add the David's comments, depending on what you need, it can be simply to add LAF parameters by modifying HISE's C++ code. For example, I posted a while back about adding the component name to LAFs for specific widgets.

[clevername27]

@DabDab I have written and posted Peak Meter LAF documentation, and a tutorial, this week on the forum.