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
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?