Paint routine for Natan

Natan

Ha Ha Ha
This Is So SynthWave :))))))

@d-healey said in Paint routine for Natan:

Add this in the for loop for some trippy colour effects: g.setColour(Math.randInt(4000000000, 4300000000));

d.healey

@Natan It needs to be 1 to 4 because there are 3 moving rings. If you want to change it you'll need to rework the calculations or remap the range 0-1 to 1-4 in the knob's callback.

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

Paint routine for Natan

42

1.7k

11.7k

102.3k