HISE Logo Forum
    • Categories
    • Register
    • Login

    New default HISE knob

    Scheduled Pinned Locked Moved General Questions
    8 Posts 7 Posters 465 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.
    • Christoph HartC
      Christoph Hart
      last edited by

      Today is UI Day, so I've spend a bit time trying to improve the default HISE knob. I've used the ScriptPanel for prototyping and came up with this "new" look:

      63f0e9eb-aca5-4407-943d-5645763db5dd-image.png

      HiseSnippet 2147.3oc4Y0uaaajDmz1LsVs9v0CEGNb3N.hhCGjhoU3tRTh5BBhcrsRLZsiPTZZODXTvPtRhvTj5HWIGi17bz+8dIt2i9Lzmf9Fzalc4JRYqn3p6iBzRaIycmYm427wNbG5doI9rrrjTM8se9USXZ5enQ+qh4iNbjWXr1IGoouiwYrKexI8O9SO6oOR6QWMwKKiEnoqu4iQVz2dKMw0O7vG4E4E6yJlRS6EIg9rOKbbHuX1d6+ogQQc8BXOObbItat+I9IwGlDkLEfylF1ZS77uvaH6LOjsMLzzuywAg7jz9bONKSSeqGkDbU+QIWFK4+EgYguJhgCHZ8AAImtaRT.hX7dsCGEFEzSY1YZZ5F8JbBaJcBerwogAgymuvY7aEDLKVQY+g9FqBdj0Dd5kf2VR38QF88SCmvKnfX6CLNIlyRG3AgfxvRxq1F+4Oz3vDfiXd8wdWv5lBCluhpsrssLcrsqc+cprSEHPjwMm4kZ1yKlEQLefoZsCY7CSFOIIFFT8Sjj+jqupzv3gG4w8f08RBw1hX2whZ2vhzhXQa1vpkiEgZA+zzFuuiqUmVVTZGKhaGwD1vHWKBLnkEwgZgBocSAolVNtVThfhKvG.bRaWqVMAoiL6.R0IWpvXTncZCeH.cpUKbHEI2.fSaPqMoRhfHovbvTH5b.w4zP7AjLk.S0pgPgvPPxDDDM5X4HTE.MBJll45AgtqUEhKAoJQAhJjJZlTab0tHQpcafD.PGxbQSEDkVO5hHsZa4HrdRKKWk0Sg+z.cBBkPbaZ0vVY6DzcPnJk.R01pfnMPDtMmXafMJ50ZV1sHoQb.EfwFIQJA.qcAUvLTw.z2gbPASA9KX6pf.3tIPLm5Hb6TGvdnfTaJczXlQCxbE.FDZORWStWmRjVHBTLlJEqxJHssk4Sf9.raKbiXTkB4LtxbMBF0sE+EHlahR8C2PHXtiJkogEF2sohLp1nSiHlGCUPrk3J9f5.fdilxjOGgIJR..aGi4.aP5AkT.Wp3iq8h90VRIKEkCYAhxgyUqqTQfXIh7GpJFrpsVcDtDH5e9R1iVZeseJCJa0yiOpJtaFoVOJwK.pSLF2JWUsmdY60oqVPz5YbuTN7fj9SekfhccGKSRc6BN7BBNH0u5KsqCEhDeQx+5bKy8NEVT8dmbW65sgElOx7tl3XIfBiiBiYlClF6yCShMSYAS8YAUmfUnrL8FmLMlWamJe8NULgqTFeZZr4KkyqnaYJXGKx8EgAnEXtmI8t2f3SXgCGwyolu1yuek2f.YmJxhh0yX7dvCN3OKYJGfVUEzpNrlBEn+alWzTF3+3iByPY+Bbrv0ssx8JvRIVTX6dljV0sQNgeGhJT93yp1utQCawkPNCqO.dj6wQQgSxXUUdFTZVExuVsxB5wodAgP3rKrPHn75tcaHtxiMxufYIhq7IT3S4dN+1qcHVRgzAEFTVdi2dhkHJhrrjjKIBWMWpzKEWEQDAmfhWHqybWTjMWfYofWYlqPV4Yri8dcUorExxMmJLpHglT2A9VlSrmfqEiKyCvCFH77t4t3fTuKElkX2jk4aKHeMWd9pKDrHDF.ayqG.Gbw7ghfbG6NcN3.y+lXfqsqamNKSsMtsp8lZgTuEHdR8l0xEbZBdJppXTB7CB+QMXk6I8O49KKyWdysDzalGhyd9JL0QIyXo41pOE+I2VOPbUJKdts9VM02k4oR2p7FYcqhhEmlLMicnWTzqfy8VTsfMCR9gJFU195.9AlBZxQHFuldUz8iB8ufEX9MeS9DPTaXdRE7a3fpKvWMI.yKQUjsiWEZPj59h2ZsK0BfMuYIQr5S.GDuJo18ETdijg4ZFAzMUKtWLdlR7WWq6ZVZweIjjTL5uiQbn.nn13MMBgLEoPodwCYUimUrus1RWw0b.YJKMdVY9UllLNjxlfU+kUxwnMDrqL+wSIwmkvYOMtpHxV4MULuNoACVJMrZXZRTDKcojwdpRW0BqFOc7qXoV46oTLBMWrX2K24108hur3bIFShOINj+zIr7wE82PVR+MZ4U2g697SviWfs7jOGv2DVJODgi9QrYPujxFf113HV1E7jIPagyaFAllKntip8HbmkVHn522PbOU60P6d5nVuBuAvi1k3dVbvQ5ZZiD0KvQW.iB4rwp1Q29N6t6t+H1lZwrTb56cu6IlF11lboZyaF1o3g3toLy+p4SvsmngNGnu26.nDIP+WJf9sE.U0s7S1WA1hYtNF9i4XvRBA.JGAaNFBUpftvuQWkPusIASi73K1vK1keNAHOZgNKwtGiyB4WU9s.7SnKX6k1E7RyRtkv8iL5Ex8Gsb7twRvKjs8+Z7l+NE1w33ACX97BvtkQ2ubceABqGT9MRn7AF8gyiJdOOBf76EiM+BuYLyGyhYonSkrh20y2caeWOSt0uqmm5yA0+bnfb1jjLV4Lp9rwgOG14jUL4eZ+OOi0Mk8OdFFkKihCS7RWJoe3gcAiboqouGzKfHc4.wI4yo8Om7fu+g5atVuTmE20Th+k7Fd15mgW.0+8258edkhMucv8c7Nx1Vgw9gimDwNNdFKBdLh.i+N34FC7lFwUytXR9oIwISFkDG5WN63YLdZ3vgrzxXeoFzAbNT3sXlOd+mwhXdkyl+K6+YPVnWJ3mXqoufb68EqJd8GLjv0D2YZ9KiJ7a9qyJ7xWvvP3Dsog3AGNa539PgUeFfjX33DY3YH1.KNJGaiiEE9XwAhA+HbkSjfi0yIRTD++hNF64ml7U9xyoh4xuuXFvtiE+K.113TbrIQSb1UXcFvw10FCUD+JeezcuG3eV9ZnqwZZrFqo4ZrFm0XMsVi0zdMVi6JWC9vnClxSFK2JBSz6Xwg300ON1CxjEY8Z+aD+EkON
      

      The changes are rather minimalistic because I don't want to throw away the old design, but just improve it a bit, so I basically recreated it with pure vectors. This gives you the following advantages:

      • better mouse interaction (moving away from filmstrips lets you use the hover & click states for more visual feedback, so here the knob is being "pushed down" if you click it
      • better scalability (the old one was exported at 200% but now it's perfectly scalable).

      What do you think? Is it better than the old one? Also feel free to come up with modifications - the code is pretty easy to hack...

      hisefiloH NatanN orangeO ulrikU 4 Replies Last reply Reply Quote 9
      • d.healeyD
        d.healey
        last edited by d.healey

        Very nice, vectors are always better for UI I think. I noticed the knob pointer seems to go below the minimum of the outer ring.

        Peek 2021-03-29 23-36.gif

        I assume the final new version will have the text input and keyboard modifiers that the current version has?

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

        1 Reply Last reply Reply Quote 2
        • Christoph HartC
          Christoph Hart
          last edited by

          Ah yes, that's sloppy coding. The other functions will of course be there, this is just a dummy panel.

          ustkU 1 Reply Last reply Reply Quote 4
          • ustkU
            ustk @Christoph Hart
            last edited by ustk

            @Christoph-Hart +1 for vectors too ;)
            Keeping the old look and just polishing it seems a good idea.
            However I'm personally not that thrilled about the knob being recessed/pushed down when clicked… why not a subtle color change or shade or even nothing? Just my opinion though…

            Can't help pressing F5 in the forum...

            1 Reply Last reply Reply Quote 1
            • hisefiloH
              hisefilo @Christoph Hart
              last edited by

              @Christoph-Hart like it. A lot.

              1 Reply Last reply Reply Quote 1
              • NatanN
                Natan @Christoph Hart
                last edited by

                @Christoph-Hart Very Nice :)

                1 Reply Last reply Reply Quote 0
                • orangeO
                  orange @Christoph Hart
                  last edited by

                  @Christoph-Hart Classic Hise knob with vector graphics. Awesome 👍 👍

                  develop Branch / XCode 13.1
                  macOS Monterey / M1 Max

                  1 Reply Last reply Reply Quote 1
                  • ulrikU
                    ulrik @Christoph Hart
                    last edited by

                    @Christoph-Hart Looks clean and nice, I like everything except the knob going down when manipulated.
                    I like the vector style
                    👍

                    Hise Develop branch
                    MacOs 15.3.1, Xcode 16.2
                    http://musikboden.se

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

                    51

                    Online

                    1.7k

                    Users

                    11.7k

                    Topics

                    102.2k

                    Posts