HISE Logo Forum
    • Categories
    • Register
    • Login

    Horizontal Gradient ?

    Scheduled Pinned Locked Moved General Questions
    7 Posts 4 Posters 483 Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • DalartD
      Dalart
      last edited by Dalart

      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 ?

      1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.healey
        last edited by d.healey

        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�
        

        Libre Wave - Freedom respecting instruments and effects
        My Patreon - HISE tutorials
        YouTube Channel - Public HISE tutorials

        NatanN FortuneF 2 Replies Last reply Reply Quote 2
        • NatanN
          Natan @d.healey
          last edited by

          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/

          1 Reply Last reply Reply Quote 0
          • DalartD
            Dalart
            last edited by

            @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.

            1 Reply Last reply Reply Quote 2
            • FortuneF
              Fortune @d.healey
              last edited by

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

              Can "Look and feel"do it?

              d.healeyD 1 Reply Last reply Reply Quote 0
              • d.healeyD
                d.healey @Fortune
                last edited by

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

                Libre Wave - Freedom respecting instruments and effects
                My Patreon - HISE tutorials
                YouTube Channel - Public HISE tutorials

                FortuneF 1 Reply Last reply Reply Quote 0
                • FortuneF
                  Fortune @d.healey
                  last edited by

                  @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

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  59

                  Online

                  1.7k

                  Users

                  11.7k

                  Topics

                  101.7k

                  Posts