@David-Healey just another option for the guy. just sharing.

@David-Healey adjusting the colours exactly how he wants.

What i've noticed about using AI is that some people love it and some people hate it. In the live music scene specifically, everyone is tired of seeing ai flyers and are starting to revert back to more primitive techniques to attract people. I feel the same sentiment is on its way with software although I dont know enough to call what that looks like exactly. I predicted that DAWs would include more vst creation options when I first found HISE because if I was the creator of a DAW....why not? I also think the 'why not' in everyones head has been the fuel to a lot of slop and also a bunch of useful niche applications so again, it just goes both ways. I think we'll always be divided in opinions. Ai is here to stay and I just think its a matter of time before things balance out and the HYPE dies down and we're left with the left and right of software politics.

@Jeetender Try this. You'll have to use two vertical sliders and style them with this laf to get that look with this script. You can figure out how to customize it by reading the comments.

const var LED_Meter_Rectangle_TempGrade_HardStops = Content.createLocalLookAndFeel();

LED_Meter_Rectangle_TempGrade_HardStops.registerFunction("drawLinearSlider", function(g, obj)
{
    // ---- COLOUR CONTROL ----
    // Every colour this LookAndFeel draws with, in one place. Each name is one control in the
    // designer, so editing a value here changes that control and nothing else. The draw code
    // below only ever references these by name.
    var c_fillColourBot         = 0xFF03B300;
    var c_fillGradMidColour     = 0xFFFF981A;
    var c_fillColourTop         = 0xFFFF0A0A;
    var c_fillColourBot_a35     = 0x5903B300;
    var c_fillGradMidColour_a35 = 0x59FF981A;
    var c_fillColourTop_a35     = 0x59FF0A0A;
    var c_fillColourBot_a55     = 0x8C03B300;
    var c_fillGradMidColour_a55 = 0x8CFF981A;
    var c_fillColourTop_a55     = 0x8CFF0A0A;
    // Per-LED colour tables, sampled along the Fill gradient (one entry per LED).
    var ledColours = [
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillColourBot,
        c_fillGradMidColour,
        c_fillGradMidColour,
        c_fillGradMidColour,
        c_fillGradMidColour,
        c_fillGradMidColour,
        c_fillGradMidColour,
        c_fillColourTop,
        c_fillColourTop
    ];
    var ledOffColours = [
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillColourBot_a35,
        c_fillGradMidColour_a35,
        c_fillGradMidColour_a35,
        c_fillGradMidColour_a35,
        c_fillGradMidColour_a35,
        c_fillGradMidColour_a35,
        c_fillGradMidColour_a35,
        c_fillColourTop_a35,
        c_fillColourTop_a35
    ];
    var ledGlowColours = [
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillColourBot_a55,
        c_fillGradMidColour_a55,
        c_fillGradMidColour_a55,
        c_fillGradMidColour_a55,
        c_fillGradMidColour_a55,
        c_fillGradMidColour_a55,
        c_fillGradMidColour_a55,
        c_fillColourTop_a55,
        c_fillColourTop_a55
    ];

    // ---- GEOMETRY ----
    var a = obj.area;
    var isH = false; // exported from current designer orientation
    var norm = (obj.valueNormalized !== undefined) ? obj.valueNormalized : ((obj.value - obj.min) / (obj.max - obj.min));
    norm = Math.max(0.0, Math.min(1.0, norm));
    // Axis-aware scale: horizontal skins scale from component width; vertical skins scale from component height.
    // This keeps slider element proportions stable when exporting either orientation.
    var scaleBase = isH ? a[2] : a[3];
    var sw = scaleBase / 300.0;
    // Output bounds: master Draw Padding on each edge (px @300 design).
    var padL = sw * 4.0000;
    var padR = sw * 4.0000;
    var padT = sw * 4.0000;
    var padB = sw * 4.0000;
    var dW = Math.max(1.0, a[2] - padL - padR); var dH = Math.max(1.0, a[3] - padT - padB);
    // Position the clamped rect by the pad ratio so a large pad never drifts the slider off-axis.
    var sumX = padL + padR; var sumY = padT + padB;
    var dX = a[0] + (sumX > 0.0 ? (a[2] - dW) * (padL / sumX) : (a[2] - dW) * 0.5);
    var dY = a[1] + (sumY > 0.0 ? (a[3] - dH) * (padT / sumY) : (a[3] - dH) * 0.5);
    var drawBase = isH ? dW : dH;
    var trackThick = drawBase * 0.1500;
    var fillThick = drawBase * 0.1200;
    var hPad = (isH ? dW : dH) * 0.0200;
    var tX, tY, tW, tH;
    if (isH) {
        tX = dX + hPad; tY = dY + dH * 0.5 - trackThick * 0.5;
        tW = dW - hPad * 2; tH = trackThick;
    } else {
        tX = dX + dW * 0.5 - trackThick * 0.5; tY = dY + hPad;
        tW = trackThick; tH = dH - hPad * 2;
    }
    // Fill has its own cross-axis thickness, anchored to the same centre-line as the track
    var fbX, fbY, fbW, fbH;
    if (isH) {
        fbX = tX; fbY = dY + dH * 0.5 - fillThick * 0.5;
        fbW = tW; fbH = fillThick;
    } else {
        fbX = dX + dW * 0.5 - fillThick * 0.5; fbY = tY;
        fbW = fillThick; fbH = tH;
    }
    // Radius from the rail THICKNESS (cross-axis) so the end caps keep one shape at any length.
    var tR = (isH ? tH : tW) * 0.1100;
    var thumbBaseW = drawBase * 0.1314;
    var thumbBaseH = drawBase * 0.0657;
    var thumbW, thumbH;
    if (Math.abs(thumbBaseW - thumbBaseH) < 0.0001) {
        thumbW = thumbBaseW; thumbH = thumbBaseW;
    } else {
        // Rotate width / height with orientation, so a 200x100 vertical handle becomes 100x200 horizontal.
        thumbW = isH ? thumbBaseH : thumbBaseW;
        thumbH = isH ? thumbBaseW : thumbBaseH;
    }
    var thumbSz = Math.max(thumbW, thumbH);
    // Thumb travel range: 0 = left / bottom, 1 = right / top
    var trMin = Math.min(0.0000, 1.0000);
    var trMax = Math.max(0.0000, 1.0000);
    var travelNorm = trMin + (trMax - trMin) * norm;
    // The thumb travels the TRACK RAIL - the same span the fill covers and the ticks sit on - so
    // all three stay in step. Track Pad insets the rail, and therefore the throw, by design.
    var railStart = isH ? tX : tY;
    var railLen = isH ? tW : tH;
    var thumbCX = isH ? railStart + railLen * travelNorm : dX + dW * 0.5;
    var thumbCY = isH ? dY + dH * 0.5 : railStart + railLen * (1.0 - travelNorm);

    // ---- FILL LED SEGMENTS ---- (rectangle shape)
    // Each LED is a solid segment coloured by its slot position in the Fill gradient. Crisp on/off meter.
    var ledN = 23;
    var ledLit = Math.round(norm * ledN);
    var ledAlong = isH ? fbW : fbH;
    var ledPitch = ledAlong / ledN;
    var ledLen = Math.max(0.5, ledPitch * 0.8200);
    var ledThick = Math.max(0.5, fillThick * 1.0000);
    var ledCross = isH ? (fbY + fbH * 0.5) : (fbX + fbW * 0.5);
    // LED Glow - blur the lit segments behind the meter
    if (ledLit > 0) {
        g.beginLayer(false);
        for (var fgi = 0; fgi < ledLit; fgi++) {
            var fgAlong = isH ? (fbX + (fgi + 0.5) * ledPitch) : ((fbY + fbH) - (fgi + 0.5) * ledPitch);
            var fglx = isH ? (fgAlong - ledLen * 0.5) : (ledCross - ledThick * 0.5);
            var fgly = isH ? (ledCross - ledThick * 0.5) : (fgAlong - ledLen * 0.5);
            var fglw = isH ? ledLen : ledThick;
            var fglh = isH ? ledThick : ledLen;
            g.setColour(ledGlowColours[fgi]);
            g.fillRoundedRectangle([fglx, fgly, fglw, fglh], Math.min(fglw, fglh) * 0.1100);
        }
        g.gaussianBlur(Math.round(Math.max(0.0, 5.0 * sw)));
        g.endLayer();
    }
    for (var li = 0; li < ledN; li++) {
        var lAlong = isH ? (fbX + (li + 0.5) * ledPitch) : ((fbY + fbH) - (li + 0.5) * ledPitch);
        var lx = isH ? (lAlong - ledLen * 0.5) : (ledCross - ledThick * 0.5);
        var ly = isH ? (ledCross - ledThick * 0.5) : (lAlong - ledLen * 0.5);
        var lw = isH ? ledLen : ledThick;
        var lh = isH ? ledThick : ledLen;
        var lr = Math.min(lw, lh) * 0.1100;
        var ledDrawn = true;
        if (ledDrawn) {
            if (li < ledLit) {
                g.setColour(ledColours[li]);
                g.fillRoundedRectangle([lx, ly, lw, lh], lr);
            }
            else {
                // Opaque black base first: Off Alpha then blends the dim colour over it, so a
                // low alpha fades toward BLACK instead of letting the background show through.
                g.setColour(0xFF000000);
                g.fillRoundedRectangle([lx, ly, lw, lh], lr);
                g.setColour(ledOffColours[li]);
                g.fillRoundedRectangle([lx, ly, lw, lh], lr);
            }
        }
    }

});

Dont mind the yellow dash lines. Thats just the guidelines from the designer app. Those wont come out in the render.

Miss you guys. ha. Would love to see a meetup and discuss the future!

Update:

All 20 discount codes have been claimed. I've been recieving great feedback on the app so far. I want to keep the good vibes going!

I've opened up 10 more promo code slots! Get it while its hot! Don't forget to join the discord.

Add this to your cart:

https://roxdesignersuite.com/products/rox-designer-suite

Enter promo code: "LAFOUTLOUD" at checkout.

ENJOY!

If you've already grabbed a copy for yourself are enjoying it, share this code with a friend that might need it!
Have a great day!

• Rox

Join The Discord:
https://discord.gg/GV2vHAdX9

@robJ Thank You

Update: There are still 2 codes left

@Kaih Thank you for such great feeback!

@Kaih said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

Since I fell for the Romplur scam five years ago

I fell for the same scam and never got one response for any customer service questions. It was this experience that I thought of the most when thinking about offering up my idea and how I would handle it if it were me....so I feel you, and I only want to do my best. Thats all I can promise. I understand im building trust and a working product is THE best way to earn said trust and transparency and customer service is the cherry on top.

@Kaih said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

Thank you @Chazrox , gesture appreciated.

You're very welcome.

@Kaih said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

all the parts of the software have been working as expected

I tested it as much as I can to ensure the most accurate results. I hope it has been working great for you. If you ever have any questions, hop over to the discord server (located on the app home toolbar as well).

@Kaih said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

possibilities for community generated presets

I love sharing and I just thought this would be a fun feature!

@Kaih said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

damn, this is excellent and takes off the unneeded pain of manually going through the code line by line. Brilliant!

Thank You for the support and GREAT feedback!

Has anyone ever tried using Resend with Supabase?

@GUJIAN

@Chazrox said in FREE W/ CODE ::: NEW GUI DESIGNER APP! ::: ROX DESIGNER SUITE ::: is LIVE!:

WINDOWS soon.

FREE to the first 20! Merry Christmas.

MAC OS only for now. WINDOWS soon.
roxdesignersuite.com

Demo the KNOB app here ---> https://rox-knob-builder-for-hise.netlify.app/

FREE to the first 20 people to claim the code!

MAC OS only for now. WINDOWS soon.
roxdesignersuite.com

Demo the KNOB app here ---> https://rox-knob-builder-for-hise.netlify.app/

All of a sudden I feel like running a promotion

FREE to the first 20 people to try out said app! Merry Christmas.

MAC OS only for now. WINDOWS soon.
roxdesignersuite.com

Demo the KNOB app here ---> https://rox-knob-builder-for-hise.netlify.app/

@David-Healey I agree. I still have eyes to see. lol

They could've atleast used a different colour scheme than the app I just launched so it didnt look like they took my idea. lol.

@ustk The man is too good! @lalalandsynth

@udalilprofile Glad we got that working!

@Lindon There are file-handling features that cant be done in a web-browser so Im switching to stand-alone.

@Lindon I apologize. I assure you its worth it once you get in and you wont have to login every time so I think its fair exchange. Hope you're having a great day brotha!