I know some users were asking about a reverse delay so I wanted to share one I implemented in RNBO quite a while back.

Link:
RNBO Reverse Delay

Unfortunatley I am away from my Mac at the moment, but I will update this link when I can. If you can't wait there is also build instructions for Mac.

This project contains three folders:

1. RnboExport: This is the .cpp .h files created by RNBO when exporting the patch. You will want to drag these into: YourProject/DspNetworks/ThirdPart/src
2. ReverseDelay: This is a HISE project. If you are on Windows, after downloading you can go straight ahead and open this project. You will see the reverse delay embedded in a scriptnode network.
3. RevDel3.maxpat: This is the Rnbo project itself which you can open inside of MSP/RNBO.

Once you open the project and the Scriptnode there is a little write up about the reverse delay (just make sure to click on the comment box next to the xfader to see it).

Most of the guts of the patch was taken from this generous homie, so shout out to Taylor Brooks for sharing this on Youtube:
https://www.youtube.com/watch?v=hOX5eg7QCqM

I recommend watching it and following along if you want to know how the patch works. My patch essentially operates the same but I added processing to make the left and right channels function independently, added a feedback path, and I also tweaked it to create different windowing functions (triangle, Blackmann, Hann, I can't remember the others). You can also tempo sync it in HISE using the tempo sync node, it's easier then trying to do it in RNBO and communicating that to HISE, then to the DAW.

If you are on Mac, you can build it your own. I am not sure if you need a Max MSP license, but I know you DONT need a RNBO license. You will have to install Max MSP though. A RNBO license will allow you to make changes and save the patch, but I am pretty confident you can open and export patches without a license.

All you will need to do is open the RevDel3.maxpat, then follow the steps to export it to a HISE project (I recommend this video):

Hopefully everything is in working order, its been quite some time that I have looked at this project. Let me know if anyone has questions or recommendations, and happy holidays!

Hisenberg

@DabDab @udalilprofile @treynterrio

@DabDab Cool I didn't know there would be so much interest. I will upload it on the forum in a couple of days!

@ustk Only one shirt will do, hopefully @Lindon has some spares.....

@hisefilo

Ah I have been unmasked.

So I have been working on this since the beginning of the year. I simply fed it a lot of information from the HISE docs and this forum, forgot I had it published. If anyone has a problem with it being there I can take it down fyi. Just send me a message.

I meant to share it here once its performance is optimized, so the fact that I haven't tells you all you need to know. I also figured theres a bunch of users here who probably have their own versions (come on guys, fess up) so it didn't seem worthwhile publishing in the forum.

My opinion is that it doesn't understand HISE scripting even until this day. It confuses HISE for Javascript constantly. Even after months of training it doesn't grasp simple concepts like the inline function and ControlCallback. (I don't know how many times I have tried to get the GPT to understand this but it constantly gaslights me on it).

What I find it good for is mainly debugging or writing out redundant tasks. It seems to be okay with LAF as well but that is about the extent of its capabilities.

As @d-healey said, beginners should definitely stay away from asking it to produce code. It will very easily provide wrong answers and tell you why it is right, so it can lead you in the wrong direction.

However, if there is code from the forum or docs that you find, something about the ScriptingAPI you can't understand, the GPT is actually quite helpful at explaining it. This is where it performs most optimally, and it is also helpful for checking your code against (but always take its advice with a handful of salt).

In short it is good for speeding up workflow and checking for errors, but anything more than that is asking too much generally. Its also advisable to know something of the topic you are talking about in order to prompt it with the right type of inquiries.

In any case hope you all can make use of it and if there are any issues people see vis a vis intellectual property, reach out to me and we can talk about it

Just wanted to share an LED Indicator I put together today. It comes curtesy of a script that I believe @clevername27 has posted before on a VU Meter (can't find the link) as well as @d-healey 's video on LED styled buttons

For this one I just mapped it to a gain node but it could easily be routed to something else.

Enjoy and let me know if you have feedback.

HiseSnippet 2181.3oc2Y01TajbDdEv5Xzcj5tTWpKebJW4CqHJXsB33HTjCYIAnJ.RkjNewkKJpgcGIMm22pcmErxU9eZ9P9Ij+AN8Ly9xrn0XLmOebYKaX2d5tmddlt6o6gAg9VjnH+PsJUGOOfnU4y0GM2iMq8LL0SqWGsJ55NDasmMO.GEAuToxxGwGpxpqnId9ue2yvNXOKRNIMsm6SsHmPcorbpCN3ePcbNDaSFScU3dqC5Y46012wOFLik0anEfsdEdJ4LLmskz0NFGMSqx556t81lX6I6LwbSycuzdhEYycZ7MasSS71e6jI6zvbqMs2YxVfQ9nt1Tle3HFlQhzprxy7smOZl+0dxI34zH5kND9GlZifYVR9PeGa9RjSUq8Lpi8fT7IRCPhA4n0xRz5qzOkZSynmiZegX.TtDp.XkkJZdKWv7LUMuFJlWIlTEESZEoI8k5irBoAr7Q31ymo2yiQBmfg8IUSQxq1R6uldaefCO1Ft3WQNLD9HSBCyFMpifeTaupUe5SQ6m8fNoaGTqy5cZqw85elx.b1FOiFgf+4hCBH1HlOhMifNEGApEwchPt91wNj5nKiYHJCY4G6Xi9w3HFBGgH3HpybthtjfBIAwgA9QR8.ZDg8li7AEFhlD6Ywn9dHCg9v72qiNsWmdHxUvJpNhvr1n1Zbam65EVE72f43JbHhg1G00aJ0irgUHA1NDLz+xejXwLfk6ZJ7NvyokG0UnePrT7ZJg012Mv2C9v3IpL8jZ6oJOeImr52GIhx3x1cxD9b8D4HbdDhkJXmtsa8hKF1ZbWPnFar6dH.P5PrvyQCAyMksQm1u+3i6c1QWbXq1i6ODX1D8WAA1YagDGReM.cQt9.jQ8lB1iSblvG+hQi6Nr6nditX7wvuOt+IcDyVCEYmMmaejHXCUHb5DOnaWNylaCbyMaPf1wgg.XfdNmun0pFRlhrhCOA1MbNIQwEoNr.UoYRrKQfBCkKkXZOAPPzQeeOo8Egl3GpX0qUkuG3.7bTLUXY4Z9libCE2gLAbPPrq8AWTGHxSnZJO7HvW5ukBkN9Wyyjw2gU8D3azFOgxHtx7bJdFynSmcWDoYhaA0ygaLYN84lAQnFCvDpKzZcDD7BoYpg9o0phfGGeKrSBQX1NECdfgXuoDCIs57EMDnuQC9TwkHjvhC8PRKHZCW5qKQ8.uuIam+RpUQjIyRWzzs3b2SkYiHFNjGv5Y+wy5E5D8WPFfVgXBwm0PqiRjCdK6EiMAFZlQol5Za.1i3fxy.Xz0wgFDQPWSYyP1y8vtvZW3fTDAfLOE1XiHrAPXNaneLCvCiT7vXZ1Zk6PhgEIDrFwcDNgu1elermcjQ1xiyjmenK1g9uH1hDpEfkhwJKBOb4sjgpoNfk4LIdodteZ8aLoR2RtB4wfPx.YFs+FpeLOU2zPrMkmMHZF11+ZQnCmqofpQDAqRomxAliR39PnTAiWl52wQ3VNAyvFYTlAQF7kz10pivur44nmhZxeaS4aRUVxy6VkW5.kcvUYSgJabN3xHz75.sM2YaNQSIwMUHxBiImmBoS2XBX3INFFu7lZoQIJQRKggcqmOvtmW.Y644QxQtO.HScKVt+WDwLO+CAsJpsFar0B3+cELLaVBZjPLgEInuY5GEAj1DtypvuzA9+OKuns9YgIKnNyaCTrCwW+wDTpiZJioeC+GUYb.PTESariykfOcdBFH+RVjOOz8DxDdAP4ElHJlQtCKxZXXVaODpfLC4X8sKjnNwTYBH3WkcPd5jppzLFFlvfXFRz.cBxPQC+875HRWK7G0hKx4dOw3uAQbfjzkw756qTdUB2het3TOTYpGV1TOTcpG9dl5gkO0od1sBBblKOc7FmklU.mf0EpSprCTKvS87Ue8EpYr1dKp0g2AsNLWqCKUqB0V3HPnbd9IfPE1HtaqnqhQDlnAAlnDcvMleNsvQ1PTjYs8xJbv26LeFoO3PW8mptZUXS6lCMYRoiwqYOz2wAzYYCKmsaQPCuX2KIPhOQIlYLBMeUriN82cGcpMbZIagPgQeuddTV+.h26pMTsj9Nf299dcvLLuMvDZ.eAjPFkaBU5PtBZBW1T3p5cHQuh4GH3MoYEsJ+NlXz0RaYjWgiFEZL72qqtco8Z0d6mq9wLBOXMmxKNPohUf7id6+V6s7AxIyo1XcIUsE6eE5bV1EWw1oEoaxZuqPOrbWSuHJat5kR7QqG66pI9k5CnLqYkaiKUhMB6a+RXiI2LwZ5xxvxMvUzO7e9I3ZHdb18HQcCbHGkN8etddGt2x0Ioo0g3fK.S+.0lMS0EqjKbpm2Ufi+.H+T3MA4kuyqRyaeUtxc1SPTK9CZu0+ft.lenajhs9G1F4WnCoM+UxDkcPNE54KjB4n0OK1cDjg0h.lGztfC+jnJKwOyP9cC92biXDzJr3i2BOICZx+tRxfloCpBCesDF9L8e.eEQbAVBD3OJ9F5qyEcDAZRgiOleLtw3f67MF22hAlvXnu2H9kDZpp4QDW5X3.unBTugDMKUhlEyKwh8JpZIoBbwghCAnPguGePJwlpDA2lBJC9tflNkpbr6+4655gAmhQDXka2OxB.FNNqhpChgpMEQLlpBlStoJ4iwg1vdn0skqbk6Vtx2y8l+nGb2a9uAJ6nvYpqlZixyT6BG14.U5kkIeBN1gkRsXn2o9d9Ay78nE1nGRfLFSmRJ3+T5BpEiAsPlS4qNXHwgfiTBG+yGbB0ifCAbhbOwByO3+LGkte8mzklKhmu.8a2xEW9+qKW7tG8Ao.eXuK905Pp3lHwVI5Wm8xOE0.7oXNbwVg9WXI6ylGz+XAEXc6I96.uJz+.7MxTSz6sJX5BGYbgkUQUsffMuuBt48UvstuBt88Uvu49J3N2WA+12uf7SzaEy7StLAnxlAcEWbQkJxhZDgIZ+OvkIPQf

// ========== LED ANIMATION ==========
// This is mapped to the Master Gain module, but it could just as easily
// be repurposed to map any other function (modulation, MIDI event, etc.)

//Timer
const var t = Engine.createTimerObject();

const var PnlAnimation = Content.getComponent("PnlAnimation");
const var GainMaster = Synth.getEffect("MasterGain");

const DECAY_RATE = 0.9; // Decay Rate
const SMOOTHING_FACTOR = 1 - 0.75; // Fixed smoothing value
const HYSTERESIS_THRESHOLD = 0.0; // Fixed hysteresis value
const SPEED = 15.0;

// Current Values
reg curLevelL = 0.0;
reg curLevelR = 0.0;
reg smoothedLevelL = 0.0;
reg smoothedLevelR = 0.0;

// Last GUI values for hysteresis
var lastGuiValueL = 0.0;
var lastGuiValueR = 0.0;

// Define two colors for interpolation
const lowColor = PnlAnimation.get("itemColour");
const highColor = PnlAnimation.get("itemColour2");

inline function interpolateColor(low, high, factor) {
    local factor = Math.range(factor, 0.0, 1.0);
    return Colours.mix(low, high, factor);
}

// Cubic interpolation function
inline function cubicInterpolation(start, end, factor) {
    local factor = Math.range(factor, 0.0, 1.0);
    return start + (end - start) * (factor * factor * (3 - 2 * factor));
}

// Panel Animation (Ellipse with dynamic color interpolation)
PnlAnimation.setPaintRoutine(function(g) {
    var a = this.getLocalBounds(0);
    var normalizedGain = Math.range(smoothedLevelR, 0.0, 1.0);
    var currentColor = interpolateColor(lowColor, highColor, normalizedGain);

    // LED Effect: Outer gradient shadow for LED glow effect
    g.setGradientFill([Colours.withAlpha(Colours.white, 0.5), a[2] / 2, a[3] / 2,
                       Colours.withAlpha(Colours.black, 0.2), a[0] + a[2] * 0.375, a[1] + a[3] * 0.375, true]);
    g.fillEllipse([a[0] + a[2] * 0.05, a[1] + a[3] * 0.05, a[2] * 0.9, a[3] * 0.9]);

    // Inner LED glow
    g.setGradientFill([Colours.withAlpha(currentColor, 1.0), a[2] / 2, a[1],
                       Colours.withAlpha(currentColor, 0.4), a[2] / 2, a[3]]);
    g.fillEllipse([a[0] + a[2] * 0.125, a[1] + a[3] * 0.125, a[2] * 0.75, a[3] * 0.75]);

    // Center highlight
    g.setGradientFill([Colours.withAlpha(Colours.white, 0.4), a[2] / 2, a[1],
                       Colours.withAlpha(Colours.white, 0.1), a[2] / 2, a[3]]);
    g.drawEllipse([a[0] + a[2] * 0.125, a[1] + a[3] * 0.125, a[2] * 0.75, a[3] * 0.75], 2.0);
});

t.setTimerCallback(function() {
    var GainLeft = GainMaster.getCurrentLevel(1);  
    var GainRight = GainMaster.getCurrentLevel(0);

    var peakLevelL = GainLeft;  
    var peakLevelR = GainRight;

    if (peakLevelL > curLevelL) {
        curLevelL = peakLevelL;
    } else {
        curLevelL *= DECAY_RATE;
    }
    
    if (peakLevelR > curLevelR) {
        curLevelR = peakLevelR;
    } else {
        curLevelR *= DECAY_RATE;
    }

    // Apply cubic interpolation smoothing
    smoothedLevelL = cubicInterpolation(smoothedLevelL, curLevelL, SMOOTHING_FACTOR);
    smoothedLevelR = cubicInterpolation(smoothedLevelR, curLevelR, SMOOTHING_FACTOR);

    PnlAnimation.repaint(); 
});

// Set the timer
t.startTimer(SPEED);

@JulesV You mostly just need to define a center point and draw from there. Here is a hasty implementation:

Content.makeFrontInterface(450, 100);

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

// Create a LookAndFeel instance
const knblaf = Content.createLocalLookAndFeel();
knblaf.registerFunction("drawLinearSlider", function(g, obj)
{
    var a = obj.area;
    var handle = a[2] / 6; // Size of the handle
    var mid = a[2] / 2; // Middle point of the slider
    var n = (a[2] - handle) / a[2]; // Normalization factor

    // Normalized range
    var bipolarValue = obj.valueNormalized * 2 - 1; 
    var v = mid + (bipolarValue * mid * n);

    // Draw background
    g.setColour(Colours.black);
    g.fillRoundedRectangle(a, a[3] * 0.5);

    // Draw slider fill
    if (bipolarValue >= 0)
    {
        g.setColour(Colours.lightgrey);
        g.fillRoundedRectangle([mid, 0, v - mid, a[3]], a[3] * 0.5);
    }
    else
    {
        g.setColour(Colours.lightgrey);
        g.fillRoundedRectangle([v, 0, mid - v, a[3]], a[3] * 0.5);
    }

    // Draw handle
    g.setColour(Colours.whitesmoke);
    g.fillRoundedRectangle([v - handle / 2, 0, handle, a[3]], a[3] * 0.5);

    // Draw text value
    g.setColour(Colours.black);
    var displayValue = Math.round(bipolarValue * 100); // Scale to -100 to 100
    g.drawAlignedText(Engine.doubleToString(displayValue, 0), [v - handle / 2, 0, handle, a[3]], "centred");
});

// Set LookAndFeel for the slider
SLIDER.setLocalLookAndFeel(knblaf);

// Set slider properties for bipolar behavior
SLIDER.set("min", -100);
SLIDER.set("max", 100);
SLIDER.set("mode", "Pan");
SLIDER.set("text", "");

@mmprod It's on my bucket list to do a deep dive into the Loris library, which I think has the solution. I have only scratched the surface here, but it is seriously impressive what it can do. My understanding with Loris is that it can't be used for live processing (though I could very well be mistaken on this).

RNBO, unless they have updated their FFT objects, would be my go to but from experience I know it is not useable. Otherwise the task probably involves some external C++ which is not a simple feat. I wonder if @griffinboy , the GOAT for external C++ implementation has looked into it?

@mmprod I am still not done this but I am working on an oscilloscope I plan to share soon with interpolation to smooth the waveform:

HiseSnippet 3945.3oc6Zz1Tabb9D3KoVIoMoMMoebKSSFgMHj.AFhKMHCRFl.HUIY6zZ6g43tURq4zcWu6DfZGOS+X+V+KzeJ4mP+MjeA4a8isOO6d6c6JIvDhMYbmnwCV6tOO6979K6plg91znH+Pib46LJfZj68MaOxKt+18sXdF6siQtOxrQjMy00Ox1OftZwJFOXTfUTD0wHWtYeHBVtaeKC9mu6KefkqkmMMaJCiG6yro6yFvhyls4VeErk0sbncXCTftxV6Y66ssuq+Pfjl0rjQfk8IV8nGZgfMiowtVQ8MxcGy0r2X0RGSKs5pqWYk0qTYsJqsZotkVo6wquVkiW4dUVwoxpksWwH26TygE6G1N1JlFYj6VOv2YT699m4INfGyhXG6RwAkMZCmrX559tNHKhyZrcelqSSorJxvH261LSxMqPx8wlGvbXoymIA+P9BjLLTEf4lQm7lUi7JqRdkTHuoPR4THoaIHoOxrscHKHNaEjddOy87hogcs.8jJoHf0Xl+ymXtsO.gWbwAVmPqGBCRwnPkRkVf.+Y96mO+R2gr4qkO4m1jjFs2du82G9ail0H6rW6l6W8OQdvipWuVKx2qc5574NKA72RjGaExr.EPTdvvLJlbpUHIvy8HvonLYShTP0iFus+f.eOXPg4j.LGHjVZoLDqeNhC2ACwnV2tTa.bXZDRU3lNXywE5KQdvPXpPzhJfFFyzHNo7IC+cXQAtViDH0F7r.sXxlog1QfjFoOwNLAlEJMAB6W6vG1YW.kxkVtx8I.k0h5Lzl5PNVPgtTudw8Ic8CIQwVGybYwiFaOZ1Bzts5rWs1v972xSfOyINv84HO2WnbTKHV+vgC.2KOOpaDrb47uDDKRFnXDMtEyqmXOxDQEzOLfWTwnpcL6TZg3vgz44LBeBvkjD2mlvM4Un7N0Nn4QohZwYUzNjBXTHibEaUGJXXDZENRJUPwQfvkDHz74Co837X68d3gU2G1utVtQTNt64whYVtr+JkXEIlOOd9Q1vjd8paYCwNPEPwRb32Yjm0.lsbc.CD.EBu81U2u1Q6TaavUZSRoharNGu1C78i6mgAmFcz2LtoGOPPfuqULy2iTe7seuC6TqUyF6WsydMN7n5U2tSCT.spf5.81w.+62kD3y7hiHw9DV5FBxYZ7YTpGIxZP.5xwc.YQCsbmts9AU+5id3tMZ2AscVcrinWee.r3PKlqJNa2X+FOp0QO3gbuWLQSTwicgrL2eRfZU8IJPERcD13VmQNy5TJHhFPrgECmDy1GznA2yPhbuPfwTD0fOxqbOp14Qsp1o1NJayHJjI9L99fSIzSQVwCCA4mCIfZchJy1tSqFeUsidxd6zYWz0d4DyjIoAP4aehGXQdAXurhQ1CyjrSEuF0q2tVmi3lZ7fCI38XTAB1Rf1oK3ywsqnbN3BzUBoHP.GtSim.tG+Y91s5XVrmw7b7OiDgNI3lY4EyVDrXs3dWJ6lPdhFlc1sUs161X+c39.BWfN8CoQ8gz9pxTvHmaEtM20lzzJtuJABEEgSojHPDC.mrfV3xPqytLHQBfuNd1gJFXJaAWHwo.XWd5ygXdHvEXHObeBi76U7Gfw28tySxKBnlgYwfgQ8KLMR.n1WlmGaoaHTr019C8h46Lm+qhxzpIxTRclK3zRpOzylKg3QjjlTBZi4AgL.8QBHIKmjIQDGbgDMWaPwkRpiyRBPKJRjH4JDPA33GWezlJZ3.A4pOscFeHWfeDu.lawC.NuXWWe+vBYjBYIxxfB4Eje+ljKEfTRQmbvOrtjB.WbWxKlm7GfCm74eNQNdLdRYOlbevOHic2MSP5o7M442eBn374cuq9BuL+jeSpmdJ64fH.27kDHKPU.XHEr98RgkaZ.VA6CpTLHudN.oUv3pbkH6sEAzSU7hjLoJcgpRAdoUzqzhfrHo7zsJT2MgUuTB974mhsPYtFOgvtbkqfZQipW.xtDLzU+W7YStCoPYfpimGTjJ5zx3Jwh.AIhYlpXdLMo3uW34LgLRxyIJVUDkJ2ES+.Qh..Hs7GFiJzrExKKrEKYhCTBLEjJ8B8xB5TrKziWUW2BoobwxWktG+1rJdlP2InRQAPcId9Pr8ddVtKPrN0m4PFBU9gEOgkT4.AKwv7BgB++vnQmwb3AagLDQXkrOAGWHQHf.zmx50OVAhc4SnBx.lCViTBjfSeB0iIe5y5Fmj0JfmSPyRUotDg8I4OvsdWbwIX0rPyBGR0wbE28UYsj7MEscACDIsljZIaRIUtsePZMmNVwVPlQmDeZBKlCUZMvPy8iZQsbRhPqTeqhDQFOHo+iM0ipqfyBSI0sx9nZ9ktWSIbg94svTqtTkesbsGxKjzY5kAKOerLo8omRcgiUgpQyflvRsr75QK.s4pTI+SkZhwq7lmhXf04EJUr7BIiXdEzA6Np0cu.oLXMkRCyqvA6fo9wNNzJAHU7yEK5z7SK8bcq.nOqv3Com0d3w7D6.avMjWTh9cDiuiNmHIhTa3xhnsYhfoGlEoKraU.mkTkWv9y8AyBLNUpmojJC2pQv5WExMCKIei4d53W37EHilWymQUrpkhQS9lRcSZalJhkdeulEwSdhWZ4NZR7KD2KSALEV7GtdPJbtP8fRjsRXjtDDFy3WsS.fAfHUmp20vqLR6lWTnVdA6AV1r3Q7x9WUlKFEjYaz75RB4w2Pzyxl5c2bGjLVTkL3EGlEdGyTJZdqfrGNjqp5Fz2pfVyhKHIt40v2Iw.ufVlhEHOEr5zosEDJ7ERxXAv72lqir8r49B814d4E6jLQrGMlHsy3jMPgBS9eAsU5UQNfB3kSKzWZiDWry5THHgLbRZJwJ6JRSZ8KiT2KStwMkhivarNDy03drk8IpUGo0Wn.rMI075AdDIsZwmrwwu.uOOXmkfgrC+KxcMqdpzxovZlx5L6t2k7YPZD7VRKMggt1cIU+b9kSNLLD53imvQbKWXIIEKUpLuJqGE3foMgyPToEwheeXo6XZcegz.rrOri0DyGoDpMFTjq.iQNQg2vE3esvJ3UHl1efu2g9wzF.OBr3sgpPIiuT2tScMr80PeWWXGm1xhy5RPrfG+Rh.+GKWPRHAzH2szuKdyK9t3Uep.aQ2zJ.56g2aWi.p2E8.BFIsfCe6Q6sCTaFdA9IykcUWvb6POkYSEWm+sM2gFcRrefQtYRusYibuSLe0OPdY+VdTWCliQt7lR8lw4puHyH0AbGhrIFskv0HcluIbKCkC68iSdrCwgU20GZOwqWGFHWvy7WXpN0Edv+q3sdUG7e+OtUh.Qv84M+J5ni8sBcLNtm7IhdeyJKudk6s1FqrdICVLcfbg2yrxpKuw5UVekxJyur.iMprwZ2a4MV0Hlddr5qMw0Dy77blnyzbv4w6a.ui4JEKgW97bIWIdC6XHfj3xFgk4WLKe888OCPClZC9vcYhQkW9d7waOLJ1evCCsBfnNQZXtCsq0P23pAPkgg3inAqhdp7Ee.dCkvV0BaFjG7bsM3eVe8R2aiR2qLGpN9854ROv2gpsy3yOkbe4Hovm6QQzGSwL3JzR5oAKVGB61Ndj6X6TyZRkv3yy8+yNkkkyWyyQ4rWK+KMLl7gp9PSfnwR20e2L70ESV.bf0drJ7NH7hfrkpu93qsGS6pRhejYSVrc+oSiyLEZDbyeSPiIOA4GXJdqnLB7Vl0+52Pu23rJm+6JN+2yrs3ZSSdow2OabY8mZL81UUEMOgFWc.lcSUm1Ljp+Hy.iCEBM9b4l8JyWk+d+NpSU2+olYbA4GGqTwsuzCZ5LjAAZMg3Qh22S95Xvb4lAy1HFWBGiDQapmCev+E9jrXYbbtjEKKWT0JyTFHNI1+WKMwNWioApP6gCiR2XwCLm6eXlkTN.qnHD5XnI.eAQuFPPN5Bjic8sOge2vSjIO4wyd.BQA6Dd85jv+cdMYzbinIxJY3PZ7Y9gmvsVS9N3CJ731IJPNUU7shvb2rDSSASAZD9f20DJ.rXIAXM8cGEz22iYipPARRhW5TJ3fcsh5.cmgA3ZOLBpwwogWa.X9O6CH.StCg7OfnUzf3Hr5aLPIVkD35fOSZpKjF0lYBgxXwO3CM.v8UlrVH7.xb.upjYLArv0EhDAAHNAenIIgYkgFE8IJTjBLSmJT.35PE+bSekeCMiSGVPA2ihnE0fYZzwXayqhRPknK8bY0ki4SN9LFX9JG54hCrF3u33Pc3HiamQSKr4iXpL0irDU8UfnmxQ.Qc.y6wnGG7UzVy3.qySGCETYzNlFfd333xvXgrpgTXCNTFoviqqct7.03nQHoy006EIehQIdfE6ER3W0M35Tf9TJf3WatKT1jMnzbHGXEwe.MQDTSHBpV9wYRcp0b.dski6lNwwmJKO3IPQy7eWJb99WyGye94GRA+vIqSPOK++9p9yKK3J+yKSTGeGnd6n.+HneEkctMc.qCz1Sj1rigwxSECsY2gFOzSeqESIgZqUVY1uAEE0AQgJbaImTY+93sfF7z1LXr14c.S1zE4Y+yu8Kq4g+9kZSAN2Q7S4iWelZIVCg534c5Td5Sur5znULnCsurput0Uyx7U7ir6cdS8ir6VWsJttbx6sf1Xzpk81RZrMCyKTy6TpKlFAoweoYR2mxY0cCOv2yWVbPlRuEEhdzqGUyVZpLT03Xn8UUa3VTWpUjhq4uaKwqdd.Oq40RV7Zpt9eiofb4Wz2OnB6uQMytzVQm8J0J5qc5852V5MrGJDx7sGM8mh+hrWlvU2je7022v0R7qj1TUG5v722GKEiKV9XwLDbJB1MIUuXhYdiWLAlUb73WbsDTsf8IX0rJGERlhTyNpv2x2OFu6a0eq7hmCmeAav1qGBFqUlpMWcnWLQ+BiL29Kd1ih.Hd1.1Iz+5yRpN8YbAkXWe1ZKW5dqs9QGY0e.CKT9EGczfgQL6EiwRbXnkUOX5Ei.6jEEq.UrsH9D4gKdVeZHcwyv+4Eu3Yg.rEGDrhw.TRKzxCrPihbdeVICWfk4bgbMWtLvQt9alpHt0OUEwOVUQr7OUEwOUEwa8UQbCmf6mmdW5fobVyxeBeLA6H7B5Vdla5tkmZqupShuiTH8uvezJ04212JbpK8ceYcfImJNYW1t1aD7uB17a+x2xRb7F+YodqLYwJ+Txhe3IK9w8EOm8+qewyajDA2Dmw.K6P+irEuMFZm9y3y.7sGuugaad.NlT13TwkfmoKG.Q4Nx1Veql.wkutHtx0EwJWWDW85h3ZWWDu20Ew0e0HhIgpNL1efv0zv3fl0DOgStzdMyMqw+CFi.0X

This was vey much inspired by @Mighty23 's approach but with some distinct differences. To be honest I was struggling with it and used chatGPT to figure out the anti-aliasing filter and linear interpolation functions, i.e. it isn't completed yet. Use a noise signal and compare the green with the red output to see the differences.

Perhaps you could employ @oskarsh suggestion with downsampling the signal for further smoothing. Also if anyone can figure out how to compress the signal on the vertical axis based on the amplitude would be a true hero.

Content.makeFrontInterface(400, 400);

/* ======================================================================
==================== OSCILLOSCOPE DISPLAY BUFFER ========================
========================================================================*/

// Variables
const var pnl_Osc1 = Content.getComponent("pnl_Osc1");
//const var Fx1 = Synth.getEffect("Fx1");
const var Fx = Synth.getEffect("Fx"); // Your ScriptFx with an fft analyzer to reference.

// Buffer Properties
const var BUFFER = Synth.getDisplayBufferSource("Fx");
const var BUF_OSC1 = BUFFER.getDisplayBuffer(0);
const var BUF_LENGTH = 1024; // Reduced buffer length for stability
const var BUF_PROPERTIES = {
    "BufferLength": BUF_LENGTH,
    "NumChannels": 1
};

BUF_OSC1.setRingBufferProperties(BUF_PROPERTIES);
BUF_OSC1.setActive(true); // Activate the buffer

const var TEMP_BUFFER = Buffer.create(BUF_LENGTH); // Temporary buffer for processing

reg BUF_SIGNAL = false; // Initialize as false
var scalingFactor = 1.0; // Dynamic scaling factor
const var SCALE_DECAY = 0.98; // Smoothing factor for dynamic scaling

// Interpolation Factor
const var INTERPOLATION_FACTOR = 50; // Number of points to interpolate between samples

// Visual Properties
const var MAX_GHOSTS = 5; // Number of ghost trails
const var COLOUR_BG = Colours.black;
const var COLOUR_RAW = Colours.red; // Raw waveform color
const var COLOUR_SMOOTH = Colours.green; // Smoothed waveform color
const var COLOUR_SATURATED = Colours.yellow; // Color for saturated peaks
const var STROKE_WIDTH1 = 2.0; // Smoothed waveform thickness
const var STROKE_WIDTH2 = 1.0; // Ghost trail thickness
const var OFFSET_SCALE = 10.0; // Vertical offset scale for ghost trails
const var SMOOTH_WINDOW_SIZE = 15; // Smoothing window size for anti-aliasing
const var SATURATION_THRESHOLD = 0.8; // Threshold for saturation

// Create Paths
const var oscPath = Content.createPath();
const var rawPath = Content.createPath(); // Path for raw waveform
const var ghostPaths = [];

for (i = 0; i < MAX_GHOSTS; i++) 
{
    ghostPaths.push(Content.createPath());
}

var frameCount = 0;

// Anti-Aliasing Filter Function
var smoothed = [];
inline function smoothBuffer(buffer, windowSize) 
{
    for (i = 0; i < buffer.length; i++) 
    {
        local sum = 0;
        local count = 0;
        for (j = -Math.floor(windowSize / 2); j <= Math.floor(windowSize / 2); j++) 
        {
            if ((i + j) >= 0 && (i + j) < buffer.length) 
            {
                sum += buffer[i + j];
                count++;
            }
        }
        smoothed[i] = sum / count;
    }
    return smoothed;
}

// Linear Interpolation Function
inline function interpolateSamples(buffer, factor) 
{
    local interpolated = [];
    for (i = 0; i < buffer.length - 1; i++) 
    {
        interpolated.push(buffer[i]);
        for (j = 1; j < factor; j++) 
        {
            local t = j / factor;
            interpolated.push(buffer[i] * (1 - t) + buffer[i + 1] * t); // Linear interpolation
        }
    }
    interpolated.push(buffer[buffer.length - 1]);
    return interpolated;
}

// ---------- Paint Routine ----------
pnl_Osc1.setPaintRoutine(function(g) 
{
    g.fillAll(COLOUR_BG);

    if (!BUF_SIGNAL) 
    {
        return; // If no signal, avoid unnecessary drawing
    }

    var width = this.getWidth();
    var height = this.getHeight();
    var midY = height / 2;

    // Shift ghost paths
    for (i = MAX_GHOSTS - 1; i > 0; i--) 
    {
        ghostPaths[i] = ghostPaths[i - 1];
    }

    oscPath.clear();
    rawPath.clear();

    // Copy buffer data and smooth it
    BUF_OSC1.copyReadBuffer(TEMP_BUFFER);
    var smoothedBuffer = smoothBuffer(TEMP_BUFFER, SMOOTH_WINDOW_SIZE);
    var interpolatedBuffer = interpolateSamples(smoothedBuffer, INTERPOLATION_FACTOR);

    // Calculate dynamic scaling factor
    var peakLevel = TEMP_BUFFER.getPeakRange(0, BUF_LENGTH)[1];
    scalingFactor = Math.max(0.1, Math.min(scalingFactor * SCALE_DECAY, 1 / peakLevel));

    // Draw the raw waveform
    var sample = TEMP_BUFFER[0];
    rawPath.startNewSubPath(0, midY - sample * midY * scalingFactor);

    for (i = 1; i < BUF_LENGTH; i++) 
    {
        var x = (i / BUF_LENGTH) * width;
        sample = TEMP_BUFFER[i];
        var y = midY - sample * midY * scalingFactor;
        rawPath.lineTo(x, y);
    }

    // Draw the interpolated waveform
    sample = interpolatedBuffer[0];
    oscPath.startNewSubPath(0, midY - sample * midY * scalingFactor);

    for (i = 1; i < interpolatedBuffer.length; i++) 
    {
        var x = (i / interpolatedBuffer.length) * width;
        sample = interpolatedBuffer[i];
        var y = midY - sample * midY * scalingFactor;
        oscPath.lineTo(x, y);
    }

    ghostPaths[0] = oscPath;

    // Draw ghost trails with vertical offset
    for (i = MAX_GHOSTS - 1; i >= 0; i--) 
    {
        var opacity = 0.5 * (1 - i / MAX_GHOSTS);
        var verticalOffset = OFFSET_SCALE * (i - MAX_GHOSTS / 2);
        g.setColour(Colours.withAlpha(COLOUR_SMOOTH, opacity));
        g.drawPath(ghostPaths[i], [0, verticalOffset, width, height], {"Thickness": STROKE_WIDTH2});
    }

    // Draw the raw waveform
    g.setColour(COLOUR_RAW);
    g.drawPath(rawPath, [0, 0, width, height], {"Thickness": 0.5});

    // Draw the smoothed interpolated waveform
    g.setColour(COLOUR_SMOOTH);
    g.drawPath(oscPath, [0, 0, width, height], {"Thickness": STROKE_WIDTH1});
});

// ---------- Timer Callback ----------
const var oscTimer = Engine.createTimerObject();
oscTimer.setTimerCallback(function() 
{
    if (frameCount++ % 1 === 0) 
    {
        BUF_SIGNAL = Fx.getCurrentLevel(true) > 0.001; // Update if signal active
        pnl_Osc1.repaint(); 
    }
});

// Start the timer
oscTimer.startTimer(30);

@mmprod I think it is possible to create a Group Chat within HISE.

@Lindon Simple example for you

HiseSnippet 1144.3ocsV0sSiaDEdLfWswsKpH0GfQzaBHB3PRXoAUUVBj1nEXQanq5cqlXONdDSlwZ73MDUsuC8UouT85deufdFONwI.hcIR0QIJm++l47muRICnooRExw65IITjy251ehPG2IlvDndmhbV28BRplpvVVmLIgjlRCQNNq9KFFNUVCk+7O+7IDNQDPKYgPePxBnmyFwzkbu532x37tjP50rQyocyi6EHEcjbYFfmUc8QIjfaHCoWRLpshK5WIowHmscOH3Ga4Of52p0gMabXylGz7fV9Q9MhFb3AMGz30MaD1rU8fFHmWbVHSKU80DMMEb5IxvI8ikiE1.7AVJa.mZHpi5CQ1xF0IlwCuZ5kSJB4r1UkWUqZup9d2KXgrY7Kux9tbA3RKl+RyYkmBR0eFPxYNHslERa31OPwRzkRL34ab6IfLXDAxMyCEqtnU96Uc6HAMD5cGQtg1UADyrn59996fa4u0QddP5IUi+DQgOmLfxqi+I7TCGR0cjiRjBfn5lVwatnM7A7NooyYSfhB2AmKCH7ykxadiHrKkxqZrx5fcSofyzza0atCdyN86aiate81aO7YiHL9dukNwxG9MxyFEik8Dblf1WOgS6GSMdxaau+vqBmpgyVsTn5hIF1FuexsG4UIB.UswT1vXcarhNLiSTG48YHNauM98TQHzBnio3PZDIiqwjjDJQYp22Eu8ddbC.Lde.TyNTIyDg0Bfrmps4rWsVsACsU1.1qrf.ywapnJf8REDpZJRHKKsMtUN3RHgg.VqwoQ.5Z4u.SkEy6a4ZbWszXRnbb9QK+K3ErZ3.RU+cx+raislc15EgmHyvTnpL+.ZbvNXfXLzkhyRANwrTbJkSCf517SKSjjogSaQ3Hb1PQarAcygKsLoM1e2m8IHfnn5oWdiiYZ58SOCj7vY3OOAOC4E3jIE.90wOB1a2dlJKluZi+gV9cyeJyQEw+ydatXY4CpZs0cfRQYBa7khKkZ56DU2xDGvE36KJJ5QkY5OTRNmpdTwlolpmxvphrQCnpcfBLdFclhvThEG87hutQOA1104TTJ5IX52kPKn6B4CyHEy+e3fJTQ+N7ueq2oDMwL6pfGnWBUoYF33bJ8Sv1B6jrJtmRSuAJgx0sXvBLJSmK8UEy4xyGHFD5W5ZyMname8yj4IFyB0wkLXGGmWNUxo2wlJHy7xYiZPSaaAsdwedM5tbK0zQkbWe8+5db22vdiM13eMrKauMbAF2YWB9fY2vVCYHL0Qu3pDyR1BAPRdg42lYzhTldx7KgeF6W7ex8KesPbC2qX5f3GGiq7HXDR++efwhsxux8rnHn8tDfq4182W1Uvegv+dYlFFfcAQqXPgm6kYi5CY5.JDcgfxAm65rhoEvR6anM2.8gEJ4D2AOEBqancJDVepPzHRfR9w.aqsYu+Ky4.XRj+dQUfWPCnw0Q4s6yeOOBdMjOFDrnqdfg6urF1XYMr4xZXqk0vCVVCe8xZ3geYCMuk3axzxQ11FD5hqNKe9niyYBBTAlWsh9O.TjCSqC

Content.makeFrontInterface(200, 50);

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

const var lblCss = Content.createLocalLookAndFeel();

Label1.set("text", "CSS Label");


// Email/Key Label Laf
lblCss.setInlineStyleSheet("
*
{
	letter-spacing: 2px;
	font-weight: regular;
}

/** Render the default appearance. */
label
{
	background-color: var(--bgColour);
	color: var(--textColour);	
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 20px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

/** If you edit the text, it will use this selector. */
input
{

	text-align: left;
	padding-top: 0.5px;
	padding-left: 50px;
	padding-right: 20px;
	caret-color: white;
	font-weight: bold;
}

/** Style the text selection with this selector. */
::selection
{
	background: #50FFFFFF;
	color: white;
}
");

Label1.setLocalLookAndFeel(lblCss);

@Oli-Ullmann I have this working without firing issues, and it worked well with the fadeComponent. I think I am having general issues with the fadeComponent on other systems so I am actively removing, but it did work on the compiled plugin (at least on my systems)

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


// Broadcaster definition
const var Bc_Tooltip = Engine.createBroadcaster({
  "id": "Bc_Tooltip",
  "args": ["component", "event"],
  "tags": [],
  "colour": 2432630784
});

// attach to event Type
Bc_Tooltip.attachToComponentMouseEvents(Components, "Clicks & Hover", "");


// add listeners
var lastTooltipText = "";
Bc_Tooltip.addListener("Tooltip Listenet", "Set tooltip", function(component, event)
{
    if (event.hover)
    {
        var tooltipText = component.get("tooltip");

        lbl_Tooltip.set("text", tooltipText);
        lbl_Tooltip.fadeComponent(true, 200);
        lastTooltipText = tooltipText;
    }
    else
    {
        lbl_Tooltip.fadeComponent(false, 200);
    }
});

@Lindon Simple example for you

HiseSnippet 1144.3ocsV0sSiaDEdLfWswsKpH0GfQzaBHB3PRXoAUUVBj1nEXQanq5cqlXONdDSlwZ73MDUsuC8UouT85deufdFONwI.hcIR0QIJm++l47muRICnooRExw65IITjy251ehPG2IlvDndmhbV28BRplpvVVmLIgjlRCQNNq9KFFNUVCk+7O+7IDNQDPKYgPePxBnmyFwzkbu532x37tjP50rQyocyi6EHEcjbYFfmUc8QIjfaHCoWRLpshK5WIowHmscOH3Ga4Of52p0gMabXylGz7fV9Q9MhFb3AMGz30MaD1rU8fFHmWbVHSKU80DMMEb5IxvI8ikiE1.7AVJa.mZHpi5CQ1xF0IlwCuZ5kSJB4r1UkWUqZup9d2KXgrY7Kux9tbA3RKl+RyYkmBR0eFPxYNHslERa31OPwRzkRL34ab6IfLXDAxMyCEqtnU96Uc6HAMD5cGQtg1UADyrn59996fa4u0QddP5IUi+DQgOmLfxqi+I7TCGR0cjiRjBfn5lVwatnM7A7NooyYSfhB2AmKCH7ykxadiHrKkxqZrx5fcSofyzza0atCdyN86aiate81aO7YiHL9dukNwxG9MxyFEik8Dblf1WOgS6GSMdxaau+vqBmpgyVsTn5hIF1FuexsG4UIB.UswT1vXcarhNLiSTG48YHNauM98TQHzBnio3PZDIiqwjjDJQYp22Eu8ddbC.Lde.TyNTIyDg0Bfrmps4rWsVsACsU1.1qrf.ywapnJf8REDpZJRHKKsMtUN3RHgg.VqwoQ.5Z4u.SkEy6a4ZbWszXRnbb9QK+K3ErZ3.RU+cx+raislc15EgmHyvTnpL+.ZbvNXfXLzkhyRANwrTbJkSCf517SKSjjogSaQ3Hb1PQarAcygKsLoM1e2m8IHfnn5oWdiiYZ58SOCj7vY3OOAOC4E3jIE.90wOB1a2dlJKluZi+gV9cyeJyQEw+ydatXY4CpZs0cfRQYBa7khKkZ56DU2xDGvE36KJJ5QkY5OTRNmpdTwlolpmxvphrQCnpcfBLdFclhvThEG87hutQOA1104TTJ5IX52kPKn6B4CyHEy+e3fJTQ+N7ueq2oDMwL6pfGnWBUoYF33bJ8Sv1B6jrJtmRSuAJgx0sXvBLJSmK8UEy4xyGHFD5W5ZyMname8yj4IFyB0wkLXGGmWNUxo2wlJHy7xYiZPSaaAsdwedM5tbK0zQkbWe8+5db22vdiM13eMrKauMbAF2YWB9fY2vVCYHL0Qu3pDyR1BAPRdg42lYzhTldx7KgeF6W7ex8KesPbC2qX5f3GGiq7HXDR++efwhsxux8rnHn8tDfq4182W1Uvegv+dYlFFfcAQqXPgm6kYi5CY5.JDcgfxAm65rhoEvR6anM2.8gEJ4D2AOEBqancJDVepPzHRfR9w.aqsYu+Ky4.XRj+dQUfWPCnw0Q4s6yeOOBdMjOFDrnqdfg6urF1XYMr4xZXqk0vCVVCe8xZ3geYCMuk3axzxQ11FD5hqNKe9niyYBBTAlWsh9O.TjCSqC

Content.makeFrontInterface(200, 50);

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

const var lblCss = Content.createLocalLookAndFeel();

Label1.set("text", "CSS Label");


// Email/Key Label Laf
lblCss.setInlineStyleSheet("
*
{
	letter-spacing: 2px;
	font-weight: regular;
}

/** Render the default appearance. */
label
{
	background-color: var(--bgColour);
	color: var(--textColour);	
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 20px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

/** If you edit the text, it will use this selector. */
input
{

	text-align: left;
	padding-top: 0.5px;
	padding-left: 50px;
	padding-right: 20px;
	caret-color: white;
	font-weight: bold;
}

/** Style the text selection with this selector. */
::selection
{
	background: #50FFFFFF;
	color: white;
}
");

Label1.setLocalLookAndFeel(lblCss);

@Lindon CSS works on the label, and quite nicely I might add!

@elemen8t Thanks for sharing.

Perhaps you could leverage Settings.isOpenGLEnabled() to broadcast whether it is "enabled" or not:
https://docs.hise.dev/scripting/scripting-api/settings/index.html#isopenglenabled

I would like to hear @Christoph-Hart 's opinion on this as I wonder myself sometimes. What is the proper procedure for setting OpenGL up?

I searched the docs for what's available but I don't see a clear way for enabling it and allowing users to enable/disable.

First off great discussion and thanks for all your input, it’s giving me a better sense on how I might debug this issue and future challenges. In answer to your questions:

1. @orange Yes I have Synth.deferCallbacks(true); set already.
2. No blur’s or drop shadows (I've learned my lesson). Most of the graphics (background, buttons) are done in png, but the sliders are simple LAF and the animations use panels drawing paths. I do use gradients for filling some of these so that may be room for concern (I will try removing these next)
3. @aaronventure thanks for all of your input. I have run Perfetto a few times on Windows and on Mac. The bulk of any CPU or GPU consumption are from the UI timer callback. Individually they seem negligible but I suppose it’s the frequency they are called and causing repaints which must be the issue. Are you suggesting to just create 1 panel to host all repaints and divide it into separate sections "put all your fancy plots onto one panel and draw it there".

4. @Christoph-Hart pray tell what Threads.startProfiling() is! I've used Perfetto as well as the VIsual Studio debugging tools but I haven't seen any abnormal behaviour.

5. @clevername27 you said you have numerous timers, animations, shadrs, etc. Does the performance transfer across different OS?

6. DAWs generally: It seems like a majority of reports are Ableton and Logic. I am generally an Albeotn user and I haven't had many issues on my M2 with it, but I do recall serious UI lags in the past on my Windows (pre-2024). There are a couple of posts on the JUCE forum regarding this: https://forum.juce.com/t/plug-in-ui-doesnt-work-on-certain-versions-of-ableton-live-12-windows/62563 & https://forum.juce.com/t/juce-plugins-cause-poor-daw-ui-performance-on-windows/55034
   However, in this particular case it doesn't seem to be DAW specific.

I've done everything I could to account for reports of lag on my UI. The reports are very inconsistent, a majority come from Windows users and it happens in various DAWs (Ableton, Logic, Cubase). However I am getting enough reports that I can't overlook the issue.

The Project

• The main things to know about this project is its a sidechain/saturator based FX unit.
• It is basically just one really massive scriptnode network.
• It contains about 10 saturation algorithms as custom C++ nodes (generally quite low CPU expense).

The User Interface

• It contains numerous animations/visualizers (~13) that are using buffers within the scriptnode network to display on the front UI. These include a few FFTs, 2 oscilloscopes, a few peak nodes (for sidechain display), 1 VU Meter, and 2 global cables for modulating a knob. Only a little over half of these animations are ever active at one time.
• OpenGL: I tried with it both disabled and enabled. I also set it to be a user specified option, but this doesn't seem to help (as far as I can tell).

The Scripts

• The scripts are compartmentalized and in namespaces.
• The majority of the animations are done with some type of combination of buffers and panel paint routines
• Almost all of them run on the same timer. I tested a few different methods here like using different timers at different time intervals, as well as dynamically adjusting the framrate based on CPU load. None of these were optimal.
• Broadcasters: I may have abused the broadcasters a bit since I am using one to fire off a custom tooltip, and another to display slider values.
• fadeComponent: I use this in a few places, is this a known source of UI lag? It actually seems to work well in the compiled plugin though it is a bit buggy still within HISE.

My attempted solutions

• My recent efforts included adding a "graphics panel" which would allow users to disable animations until none were active. This also stops their processing within the hardcoded module as well as stopping their repaints and visibilities. It should stop the callbacks from firing based on the timer as well but I need to double check this still.
• I have reduced the buffer sizes.

So I am struggling figuring out the root of the issue, particularly as I have not been able to reproduce the issue on either my Windows or Mac OS'. Now I am starting to think the issue might not even be within the graphics processing. The audio thread doesn't seem to be under a lot of stress from what I have seen in Perfetto. I still need to update to the new HISE to really benefit from the new profiling tools, but if anyone has ideas I am all ears at this point.

P.S. just a side note which has me suspicious. My scriptnode is truly huge and bogs down the HISE UI a lot. This doesn't get processed in the compiled plugin however correct? It's possible that all the nodes I use are adding up to a lot of CPU consumption, but this shouldn't be reflected in the UI in anyway?

@Gab You need to refernce the Hardcoded Master Fx as an effect slot (Right click and select "Create SlotFX reference")

const var Fx1 = Synth.getSlotFX("HardcodedMasterFX1");
Fx1.setEffect("MyDspNetwork"); // Name of your DspNetwork.xml file

@clevername27

Thanks, just a few things I noticed to get it working:

1. Set the HISE_USE_OPENGL_FOR_PLUGIN=1 in the Extra Preprocessor Definitions of JUCE, rebuild HISE.
2. Set the HISE_USE_OPENGL_FOR_PLUGIN=1 in the Project Settings of HISE.
3. Set Settings.setEnableOpenGL(true) in the script and set Enable OpenGL in the Project Settings
4. Then you can use the Custom Settings Floating Tile within the plugin dynamically to set OpenGL.

This was my process though I wish I did opt for my own button/panel as I hate the custom settings LAF. Definitely some redundancy here but at least this works!

@aaronventure Thanks for the feedback it is appreciated!

I ran a test with a sidechain saturator/compressor I am working on. It is not wrapped in any fix or frame block. I noticed a 32 sample delay at the output. I think other nodes might introduce latency other than just delay nodes (perhaps the limiter and the send and receive nodes)

A general inquiry on how best to optimize a Scriptnode network. Perhaps a more seasoned user can answer some of these questions. My hope is this could lead into a discussion around "Scriptnode: Best Practices" but my primary focus is on latency here.

• What is the default block size in Scriptnode if I do not wrap my network in a container_fix_block or other container type (frame, oversampling)? My gut feeling is it is processed in chunks of 32 or 64 samples. Does anyone know where in the HISE source code this is set?

• How to measure the latency introduced by my Scriptnode network? I imagine driving an impulse through the plugin and recording the output should reveal this (for a DAW specific context). Is this something Plugin Doctor can measure, or does someone have a better methodology?

• How to compensate for latency introduced by the Scriptnode network? I see in the API Engine.setLatencySamples, but it is unclear to me what it does. Are we meant to measure the latency of the scriptnode network (for example 32 samples) and this function will broadcast to the host the latency introduced by the plugin (i.e. "this plugin introduces 32 samples of latency, so compensate for that")? What does the host actually do with this information?

• Dynamic block size. If I want the user to be able to set a dynamic blocksize (using the dynamic_blocksize container, I imagine I want to dynamically set the Engine.setLatencySamples as well.