Horizontal Gradient ?



  • Not super important, but not obvious to me how to do so if is possible.

    When making a panel we can use the colors and it makes a gradient between the colors chosen, but the gradient is in a vertical transition by default.

    Can the gradient direction be rotated in any way ?



  • It just depends on the x/y parameters you pass to the setGradientFill function

    b66e79fe-9b4b-48b5-a70c-2c2eedeafcfa-image.png
    91eb028f-90d9-4be0-9089-13b66aab364d-image.png
    078ccaa1-6fc6-4b70-864f-9bdf9623d527-image.png

    HiseSnippet 821.3ocsUstZaCCEVJMtz3sLVg8.X5ubfrfyZ6tvXrrllzE1ZqooWFTJEUakXQskB1JsKTJrWo8ls2fsirRhS1bKsAlID74xm7mN56bjarviljHhQ3RGNZ.EgepQ2QbYPy.Bii5rMB+LicIIRZrk10ViFPRRn9HLdocTNvkJhRe90G2hDR3dzLWHzwBlG8qrHlLyqaiuvBCaS7oGxhlI6MZzwSvaJBECA9rjgCZ.w6RRe5dDUZELP3ka4yjh3tRhjl.4rkveT2.w0bc9GyRXWDRUF0QcgER6F0LfE56NYulfP3htY67kz67WXrKymM0eVE34oArxPLaM.WXdJUbNJU+tnTaQnuZAtC5gmgdE0zaUitdwrAxrHJt8DiNb3voGAJ6yRKctnB+DazT.Yvk0hHWRaGCFSQX+ZGmpVa53T48kMKaBE+Do0UjXKWBmFV25CVSv1mJaJhFH3fg8Z5vqoQoMpkPktPASdfXnjwo18Fx8jLA2teEqaJaZAOo+qesuJ+chI9LXAaCpA6S0m6I0ho9UsbR+Mw0EgCoUsVWQVmyTeUqYVnd.5CndR6S0fjArDEeOg4KCrqj43yTV+.ocEXELusxD9YI36Ijz841ULuwrj4slV+cnd8xMlp1DKBCow4FVosiuOf17gQWPiqBUbX+MMQ3.edE0xOLEkm9nZlDE7Nblb+Azw1YZt54n4PiOqg2Npy1DIQICG6Cxa.MVxTzAuM8JnmVKJKYrMM4RoXPZtiEH.kkoQKOQxpjHHF7oWwPKWPeeZa+ONownoFMNpw0pyMD1.eFFgBROyTVuCqlb7OcEPuoveXHQNeCqZxz3.PMetNCk5mmvjilcx0inK1I2t3bqnOP5tpgKS5EjOeKjCegSl+27c7LwxFs50CZtxHaQi1eaQG.9HnhdLR+cIxXFnUL1aXTWXVfGEXBGTPIJMQAkpUa6nrUUltTtepwugmwAqqrwiCVeRPTDwKVbtmtaTM0ckTO.m3oW3TBt4CrspiR6PAbFN0bPQvkAm64oJEuD3d9Xd0BfY8E.yFK.lMW.LudAv7lE.yauWLp6g+zPoHR2l.NbakNpBiawIfJKUQh9Crh3ckC�
    


  • The Gradient Between Colors Is Very Smooth 🙂

    A Flat One:

    HiseSnippet 808.3ocsU82RaCDF9R0LrYqiIrO.A+qTvIoScNXLVmsMtxlZv5ufwPNSt1bXxckKWzUDg8IZeF1Go8MX68x01D2phTvPoj2e7b8ouuOuumufGPRS4BjQ0CGMjfLdlYuQLYTqHLkg51FY7bycwoRhvV6Z6QCwoojPjgwB6nbXTcQT9yu+v13XLKfT3BgNlSCHeglPkEd8a9YZbrGNjbHMoT1azra.m0hGyy.9rfoKZHN3B7.xdXUZULQFOoSHUxE8jXIIEYr317vQ8h3Wwz4eLMkddLQYz.0CNHsaOdbnhwJunVQz3P+I+uSQvo3WTEVPWEdo4tzP5T+EUiWjGvt.Q45gQk6idMJSO2GN8LJQuE0zaYydAB5PYQDE2dpYWFzn5igVPYZoyEU4mFls3PFL4ZI3KHdBvXJBm235tp8ltt0eWMqZVPiHUZeIVX6iYj3F1u2dB1ADYKdxPNCLbVQGdEMJswZoDoOTvjGvyjTFwoeFKPR4LmA0sutlkM7j+s90Ap72QfCovA5AJCmu5dpm2VdttddqZ6p+.d5zP6YcESc+l5mztzozGfd.IPBvygHinoJxdBMTF4TuvwmHzAQRm5vIXcS8Ijyly1iKI6ybpacsUUqarr+2P86OyXpBifGGSDyLrRjKtOfNrrjyIhUgxcbFYZhP291xIy6VNUVsGn6SkRjy5xnx8GRX2kHCMt4BucT21XIVo6F6CxaHQHoJJXzlbILPqUgUMaSRuPxGlm6XEALiJyiVahFUoIPTPItjoVef99zY9ebRyQSMZdTyqT8poN9knYTduprGz+ON.Ck7vrXr71Spp0SiC.06aMRnj8rTpbT40WOJiuOT5troOUFDMa9VYF7E5PO17c7xvZlc52GFrJH6hldm93u4Co2eLXWrTPAMi4dYI8f6FBH.SXfRRMSXTQod01tJaUkoGgEla7G3YbvFJaiwAaLIHJAGH3mEnmDUqaWJ2CvIV9sNUgq+.a6Fn7oS.mo6ZtnD3VfyBBTkhWAbe1Xd8bfY84.yFyAlMmCLuYNvr0bf4s2KF0EveLSxSziIfC+N4qrLL5vvfJKWQh9KTh9V1A
    

    And Here Is A Good Website To Generate Some Good Flat Style Gradients:
    https://uigradients.com/



  • @Natan said in Horizontal Gradient ?:

    HiseSnippet 808.3ocsU82RaCDF9R0LrYqiIrO.A+qTvIoScNXLVmsMtxlZv5ufwPNSt1bXxckKWzUDg8IZeF1Go8MX68x01D2phTvPoj2e7b8ouuOuumufGPRS4BjQ0CGMjfLdlYuQLYTqHLkg51FY7bycwoRhvV6Z6QCwoojPjgwB6nbXTcQT9yu+v13XLKfT3BgNlSCHeglPkEd8a9YZbrGNjbHMoT1azra.m0hGyy.9rfoKZHN3B7.xdXUZULQFOoSHUxE8jXIIEYr317vQ8h3Wwz4eLMkddLQYz.0CNHsaOdbnhwJunVQz3P+I+uSQvo3WTEVPWEdo4tzP5T+EUiWjGvt.Q45gQk6idMJSO2GN8LJQuE0zaYydAB5PYQDE2dpYWFzn5igVPYZoyEU4mFls3PFL4ZI3KHdBvXJBm235tp8ltt0eWMqZVPiHUZeIVX6iYj3F1u2dB1ADYKdxPNCLbVQGdEMJswZoDoOTvjGvyjTFwoeFKPR4LmA0sutlkM7j+s90Ap72QfCovA5AJCmu5dpm2VdttddqZ6p+.d5zP6YcESc+l5mztzozGfd.IPBvygHinoJxdBMTF4TuvwmHzAQRm5vIXcS8Ijyly1iKI6ybpacsUUqarr+2P86OyXpBifGGSDyLrRjKtOfNrrjyIhUgxcbFYZhP291xIy6VNUVsGn6SkRjy5xnx8GRX2kHCMt4BucT21XIVo6F6CxaHQHoJJXzlbILPqUgUMaSRuPxGlm6XEALiJyiVahFUoIPTPItjoVef99zY9ebRyQSMZdTyqT8poN9knYTduprGz+ON.Ck7vrXr71Spp0SiC.06aMRnj8rTpbT40WOJiuOT5troOUFDMa9VYF7E5PO17c7xvZlc52GFrJH6hldm93u4Co2eLXWrTPAMi4dYI8f6FBH.SXfRRMSXTQod01tJaUkoGgEla7G3YbvFJaiwAaLIHJAGH3mEnmDUqaWJ2CvIV9sNUgq+.a6Fn7oS.mo6ZtnD3VfyBBTkhWAbe1Xd8bfY84.yFyAlMmCLuYNvr0bf4s2KF0EveLSxSziIfC+N4qrLL5vvfJKWQh9KTh9V1A

    Thanks guys, this was very helpful.



  • @d-healey Is it possible to use this gradient color in Draggable Filter Panel?

    Can "Look and feel"do it?



  • @Fortune Is it possible to make the draggable filter background transparent? If so do that and draw the gradient on a panel behind.



  • @d-healey Yes it is possible to make transparent draggable filter bg. Thank you!

    For filter curves in draggable filter panel, how can we do that? The curve color in below example is subtle but cool looking. Similar to this possible? Look and Feel?

    alt text


Log in to reply
 

4
Online

965
Users

3.4k
Topics

29.4k
Posts