Paint routine for Natan

Natan

@d-healey

Yeah I Changed The Value Of The Callback To value /4
But The Pop U Shows Doesnt Shows The 0 To 100%

Natan

Is This Possible To Change The ValuePopUp?

d.healey

value / 4 wouldn't give a range of 1-4 if the knobs range is 0-1. 0/4 = 0 and 1 /4 = 0.25.

Can't change the popup without changing the knob's range.

Natan

It's A Mix Knob, I Just Added That value / 4 , And It Works Perfectly Both Animation, And The Mix Knob.

Edit: No Just Animation Looks Okey, The Value Wont Go From 0 To 100%!!!

Natan

Can We Add Some Magic To This:

Panel1.setValue(component.get("max") + 1 - value );

And Bring The Knob Back to 0/1 ?

d.healey

@Natan Yeah, like I said, you have to remap the range 0-1 to 1-4.

Panel1.setValue(5 - (value * (4 - 1) + 1));

Natan

@d-healey
I Set The Knob To 0/1.
And Did A Change Here:

Panel1.setValue(component.get("max") + 3 * value );

Now Popup Shows The Correct Amount, But The Animation And Reversed :)
Any Idea?

d.healey

@Natan Did you see my last post?

Natan

@d-healey said in Paint routine for Natan:

setValue(5 - (value * (4 - 1) + 1));

WOOOOOOOOOOOW
yes Yes yessssssss
Youre A True Legenddddddddd

That Did The Job :) <3 :man_dancing_medium-light_skin_tone:

alt text

d.healey

@Natan The reason it's written so weird like (4-1) instead of just 3 is because I just copied and pasted the calculation from the remapRange function from here - https://github.com/davidhealey/HISE-Scripting-Framework/blob/master/libraries/helpers.js

Natan

@d-healey That Was Brilliant :) Thank You Sir

Natan

@d-healey Dinner Is My Guest ;)

Christoph Hart

Has anyone asked about how to apply post filter effects for a 50ies Scifi vibe?

Content.makeFrontInterface(150, 150);

const var Panel1 = Content.getComponent("Panel1");
Panel1.setValue(1);

const var circlePath = Content.createPath();

circlePath.addArc([0.0, 0.0, 1.0, 1.0], 0.0, Math.PI * 2);

Panel1.setPaintRoutine(function(g)
{
    g.beginLayer(true);
    g.setColour(Colours.white);
    
    var area = [1, 1, this.getWidth() - 2, this.getHeight() - 2];
    
    g.drawEllipse(area, 2);
        
    var radius = this.getWidth() / 2 * this.getValue();
    var diameter;
    var pos;

    for (i = 1; i < 4; i++)
    {
        diameter = (radius * 2 / 4 * i);
        pos = this.getWidth() / 2 - diameter / 2;
        if (pos > 0)
            g.drawEllipse([pos + 1, pos + 1, diameter - 2, diameter - 2], 2);
    } 
    
    g.gaussianBlur(1.0 / this.getValue() * 12.0);
    g.addNoise(0.2);
    g.applyMask(circlePath, area, false);
    g.endLayer();
});

inline function onKnob1Control(component, value)
{
	Panel1.setValue(component.get("max") + 1 - value);
	Panel1.repaint();
};

Content.getComponent("Knob1").setControlCallback(onKnob1Control);

Natan

@Christoph-Hart Wow, That Grain Looks Very Nice

Natan

@d-healey Sir Can You Translate This To A LAF Slider?

HiseSnippet 1161.3ocsWs0SiaDEdLf2tIsoZWoU8k9xHjpjyxkMgBaqz1VXIDZS2EHkvRqTUEZh83jQXOik8DfTD+u5is+S1m5y8eP643wN1vFnnHge.my046bwmyP2XkKOIQESrpbz3HNw5Sr6MVpG1ZHSHIc1gX8w1uVJBYZgRR1dbDKIg6Qrrl+6QErpr.I84e1baV.S5xKXQHGqDt72JBE5Btc25MhffcYd7iDgkzd8s53pjsTApQ.Xl2tAIh4dJa.eeFp1b1DqG01SnUw8zLMOgXsv1Juw8FpNWZz+XQhne.GIZR5ANxvdWUfGhXjKo0PQfW27fNg.doaQJXdSJ3Y16I7DS3WjJdRp.ZgEkyGVycWvqYY3039COqRvaAC7dpcO2XQjtPhoL0Qp4w9LnDTFVFcIy8Wya2RAZH0qFxNkuaLPLwBmlazXYJ7m5upV0ZUgBQhldFKl1kI4AMoeKM21AbcKUXjRBDNKZDuHZk4mqlv0GyBFAdz3pB1cgrn9P0HsPxc7GIcwNJmA0qU8xZUovy.TKSCfi4UxpmOTn4nmPExUyKlcd6f.QTB24WaB3dYpdnHAw1OK7zCcpSWgtVAyefKFLTa39aKSWK2eE9DC0XlmXTBDp2zWuftF84S3ZhtbWfF5IfNTHQVhUjJIM5QZeUL0Q.9s4qnB52PWGdszR0MBur.I4tAzzICKOGN4WPWGdKJiYv62BLWovK.YISD9TGzrui1ndA2ojNQkVBynS9wDOllSKSYxkod6JHQdkohKjAPEllWgoJ4ajp9MwFnXUfiad2yxPlBRkl5eka19rAb.NoJ.Quy5.Uy5HdpiGRt1w7HroJsZbU5gO81zT.rXcS+UJLZwBB5CyWbtN5PGUB36qz7CjN0qdY0JUupJ8lh78mprLmEvimpXbtW7cYnibTXedbdBJWQX.v0mvXe6SXJO.z0jSJonR1QJzGDwk21bGRVhDm.kgJPUc57mOMa9Su.gGOlHfwLejcZVjjB3rY5u+m9i+dSx65rCSyxcC3Q3Th3wZAF.V6vOC1PXFqUwdGdxoZUDLreRsCF5aNzZ4C8vJe5Y9XaSW.4hxqbFWl3b7SiIL9y9aMLcRPYNjRG0S9eiua+nBEddA7tpDQ5hxIRd+l9hfvDM3vNgv1Lh0maeY2CO3Ga25nS18f2tS6CuhGFoGuZjbv8Av8GjuirxixObXFY3cwcsxr07KzenxPKWODjIkWoGpFkv6wkXPclPWNf2JT4AAymYuuJNjEH9ctWWdrKjGwfLYjuu3Br45KfM9evFLXOpxaT.Se8kq3MJxDbyKafapPXLtL7dP13deg6Ss6JztCmNdmaJ3E9F3gFuY2eolcaeetqt.rKXu6u7veYEhY69f8XPmDT8s2GZpf9LWNfDI7sJNyxZNb5hgtARiYFnGyKk3egmLgMQZqLgMyERBYtwpSbMyjvaH83TN.ljoWTrh8dHMcxvHa6Fq1.+9TbhqKlJVAv9zsYsYvlubFrY8YvlMlAad4LXyWMC1702oM3cle8HsJ6+g.Xzsc5RAKq1RFzkk1QR9O.9uLkP

d.healey

@Natan You try it first. You already have the paint routine. If you follow the instructions in the LAF tutorial video you should have everything you need.

Natan

@d-healey Thank You Sir Will Try My Best

Natan

@d-healey It's Not Very Easy, But I'm Here
If I Use 1-obj.valueNormalized, And It Doesn't Move
Any Hints?

HiseSnippet 1178.3ocsVssaaaDDkzVLnRMtnAnnOOvOQEKKKoXmV.613aRAB1VgNx0o.AAFqHWIs0j6RrbkcTCLP+Q7+R+T5mPeuOjNKWIQ5VECCAX8B0blK6YGNWnmT3SSRDRK6hmMNlZY+Tmti4pgGLjv3VsODwcNduVfGgas+3XRRBMvx1d4WqUaWrfU5u+9U6SBIbeZFjk04BlO8XVDSkg5s6QrvvVj.5YrnbVu4ts8E7CDghQHUV1olULw+Rx.ZGh1rkbrreRy.lRH6pHJZhkcg8EAi6NTbM2X+4rDVuPpVntUWLPF3Vhv.Mi0nVGLjEF3M8JmXgQwKKArrIA7cNmvBXyvyRDeapBHyi74C6ktO5UOO8p8vomcN5UvPum4z0WxhUYZzb6qcZyUTYeB9JHOsL1ZsTgBNGHPK3ppQjKosjnvLObeYsZUfspUq71qTZkR3KhDEbEQBgj9vOAM4CXbZUeIEuZuNTziDZB6wBwk6wCZQogtFW0NEitL8rL93QTCmXvFa.vaEJhbLjDxBnRCT69vHjw.IAH5RMnapxJPBUAJ5GU.gG.Qh.JDKEwTohQS.k.VEMd0UJgDspjNfkf2nVi39Jlf6tZfjbs4vLga0JP+oJGTAD89sxk9zJk.7ml3Dj3HVUBR5sMvCphDvTU5ZdjT85gLEs7DClZl9nZFFxhSntuudEndkYg58M9.rNzHGvKRA9PEnwzvjEJMQjj.1njbrQGhMfFvySQthDNh1QHiHgremFrcliALraASA4fhEI2gp8ERvkgwt91.C1A1Der1ZkMJ+TFalFJzR2I744HC1.1Dexxya7DlCUWOKBnXNyY8AWsK+LTqbF5bxhZiVSmHm8mYQLMclWxjKSi1MStnktwTwoKv1.Jh0Izv55WmmqSetagt4llIw6i6lnT8x5Sob4sgc1A5Hf1ATBrWOwHEb1PVhINX4NJQgi3hdvgBZBWAmHthBGytjB6SwzKcZMFH3cDJ5a3tXYVohktoD7eU0u+b0oaejhvPpbtp0iNk2mit7QQ8zsOoWvYFhyPt6PJmu7Pp7yP8Mcy4LTvayYp2DS4eoQWVSFAnGhMgUnopzQXeyjQXltRKVfdIi2dct3nN6akR47aVr9k1GRTjoABio2rQ.H1gzqv0LlYiEcNjlboRDmZaTrfqYf8Se.G6Gmcj+w61c7Lg+7rculEnFlokr6PJavPUdjdClt4p3SPjOqgwgDQYnmd5oon5YYXd2QuNMyhFZSt81a+GsIQrffPpmHgoeolkI9qWom+YY+8NY89dToOdEw8j3p0+2pBbgkHXTHQc2sX5U2STnOf7qKzqD33AON+KfGkUaOT59LGOlxe3746RyguXcxiMem7gBq3zreepuJirEbZ8qO9eUf0awYRL9fSHJICqac5LJpKVE4SQlvwwb5Na6kz8fF4ZZYcloKkGjJ7Y72Dk00x1STVepRqHhuTbguoyU+oHeUJBxId5WjUz4DsLTeZCqiSsp0zEurK780oh0QtOeeZr.97hEvmMW.e1ZA74kKfO+vB3yOdu9n+3z8FoDQl1DDvqY5fSa6lbBVkkVQZ8uDY0yrC

MikeB

@Natan Here my friend a modified version
with which you can give each knob its own colour and its own line width and whatever else you want to change.

HiseSnippet 1902.3oc6Y80aaTrEe2jrbq2RJ+qBc0UBwPDHYSicrcS4BJEpy+bIpIotwgxEAnx3cGaO2rdFyrylFSTj3a.eBpfOA7Yf23U9Hf3QdAdmGfyry5cWmrMw0so5BWVIK64LmyL+N+a1yYbCA2g36yEFl41cPehg4yZ0b.S1c0tXJyXi0LLeQqZLrDyJt4x0Q2hwa4arxf9Xeehqgo4z2TwmYtYLBe90arB1CybHIjLLtKm5P1j1iJSn1n1sndd0wtjco8Rw8h01vgyVk6wC.LMsUYi9Xm8vcHaiUrMkkg4yrtKUxEMkXIw2vblU3tCZ1keell+6R8os7HpAULZBKjlbctmqBwJpFq1k541Xnt6a.KZiDKwzZKwks1h5RiomXQd9vIPIRj1dXN0oAuJogW4wGdlof2LZ38BVMcDz9xjYTX6hVavjDQaL3BRCKMuFS4bQqU4.GLYod38H0EvfXIx+VkKOO5ZkKWXoYsm0FbD9Rz9XAxC2F8tn0YcnLRIGAATsa5wag8zK6lb9dKybqSHd40hpDpOHxv8RKSCrraDCKr.BsCWhECP9dTWhPSZi1n..wHrOBiZfYnlgSNOxmHQRxARDl4h5wcIn9BdehPRI9HIGMGv7byZC.sjfzg5CZT8.lijxY4myUfu+l.zwB8xM27n1Cmry7Hdq+aA6Cm0FAOJfiAfCzJgAPuTL0vcWOg5mk7CZ4KETVm7wjnLWxA2tc94JNWAzUPUlOgaOBqiraA8xYG8AsvBgITnNBdP+JnhOtOgK5HOwTnsQY.T8FCn80dWTwJENL8BzoDXz0Yh40e4WxEK1qifPXQZRV6Tr3Jy95ddz99j7eLXLhrGJy5GW8SQEQUSQ3pgD9z4QUO4Rm0xqbIBrKMvOk2RsrKfphdyPJ6i8BHayE8vdzuf3tTVKgKENWABVxbx9b+yTMayEn7T.CUVBQQWGsH70UtRgiy1gYoSC2bP57Q5xaBneAzhv2zrsC.lxPgKlrVvvLETE.nD98PkKj07Y3yTrGFFG+i3cIz4kdT1dtiFwdE+6iRXDR6Kdd+n2Z6vMKUBWUzSfU19LRtpljboOgIqzJAwUcrnZ5gLMYIOkKcsgKTxhMAoJIBFmfjPRkVjFrOjT.8jGlflyJbOgywJHeV6rBsm09IW.cn0zNUb7Qy9zIb01dzH0q9DKR8rBWu5wdWPVQqsfXkTuI6IxI81ONmoexCxG4za6y5b5CsejOQ9Q6X3G5YuOdwmu8nQmQZJb35SifTHFMbKORWPmJyXATNnLLhWEUPycUdp7WCfZ9PmFX.yuHLpRXoQEJrD55WGsMGsgKAiVtEOPh1sK0WuNP0jvHRX+Fn03DelDsEeeBZS5dDzJDvaRFVBGhy1lKI2lkGphyNm8Q1niOU61YNmp5TA2yiHxbZUmIhSSv7rfdsTUmFpfwLBknOZO.VO7d.R2hhitX4TLxYavnxa2mvdXcFXDUgMzivzQnB9kLrCgKE0gftnWCJzHPNqFKu88t01qXDB4zMtYLFh+OrTNjJiH7Wd4u8WdDDt5HBi9ju5mugwGrwZPGlp1bhzlFw01CzVirOz+ntombVqQ72Sx6Gpt85yYJc27RigBePrx9keXsAwC9tcqcepqraxr3ZcIzNckoozpyvVRy8L.keWQlJI8Rndm6bmPppyTUcQqOMsHjOjhwpJNevCdvuo3rG000izf6SUQUIthe7Fp9aLLeYqjy4ZPDNflB8Aa3GztM8.U7vaX3KGnBirstqxZ4f8TwCwVkKbl9wDaRsOJsMgeLahw6WKZqdVq2mKneA3lfMSqqWRqqUK5RbvCL7gv2cgIVgefpwyz.5hmYrQBf9LYJ.8McNNf9nLAzwbb.WGy1+NuyO80mz28pu52+fDe2yo0mJE2m6EzibBE5jsh+7VawcC7vxQuk.0UiDMgxAmtcbUK2LvwOHcF34xUGLtv8ErZPkNcyFuSkAdgz0ya7FcQLyZsd61DGYBXmwp9+47+VWRCkKngx+xReuGIFPUfGkQz29xqDMMJddTLCUNkqM6GF2qMq+XesYlSO1VjGgqIal+m9ZxF2X8W5DtI++LmcN8+elctCTxHk0YKrTnden01A8ZBg+ND.ILnJTUgWlSoJQROtrZrxxzjvbCG76vSzjUTiMilrxvISqtWRqtWzpIjMGdG4gJ6KGNF8gXn3zaRf7bki6obt9scjv1uq.y7gFGFYgaR5Q2Ed8qeZhefOotf746nhjRSeUNVj4T+5MpCJYlxzDKCDggjK2iGvjiDB92mAcNVdvziGbOi+MgbCwXSZu9dj0Y6S7fhui9qeVizFG3IGRcz35s3Ld+tbF0IsSeGBjO1oCQjF6YpPKKkXm8Rnb4Z6P7H3zAvudM881uUXEwSjsnx3aKNM+0+zRCWjJYD8Wix596Wbbt8himF6QOrifeOGcm2pX4KDRAzaV3eVZNqsTiQw8qaYUtTYUemz643nL2EA6S1xTcBj4pSfLKNAxbsIPl2ZBj4eOAx71mpLpWFsbfj2SmJBDZrd3UeXZtNCCQxgQ8F+AfTYbQx

MikeB

@Natan I forgot - if you use the LinearSlider in the LAF instead of the RotarySlider, all knobs in your modules remain visible and operable.
See my snippet

Paint routine for Natan

50

1.7k

11.7k

102.2k