Forum
    • Categories
    • Register
    • Login

    MAJOR UPDATE // NEW: Online KNOB BUILDER for HISE!! // Factory/User Preset System

    Scheduled Pinned Locked Moved Scripting
    lafknobsknob designerscalable knobonline editor
    84 Posts 16 Posters 7.6k 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.
    • D
      digi
      last edited by

      Is it possible to somehow do stepped knobs?

      ChazroxC 1 Reply Last reply Reply Quote 0
      • ChazroxC
        Chazrox @digi
        last edited by Chazrox

        @digi You should be able to adjust step size in script. I cant set step size in LAF script. Hise handles this with the component property editor by default, other than that you can script the stepSize parameter. The knob should follow the step size you set.

        If you want a knob with 10 steps, set your knob min/max to 0-9 then set your knobs step size to 1.0. That will give you 10 equal stops across the knobs full range.

        D 1 Reply Last reply Reply Quote 0
        • D
          digi @Chazrox
          last edited by digi

          @Chazrox Thanks.

          Any chance we could change the angle of the gradient on the body & skirt layers?
          Eg. For the inner circle here, I'd like the gradient to run from dark at 10 o'clock to light at 4 o'clock.
          Right now I can only do top to bottom. Thanks.

          6b6718e6-b0c9-4a03-8a6e-97da35b0f170-CleanShot 2026-07-01 at 16.25.54.png

          ChazroxC 1 Reply Last reply Reply Quote 0
          • ulrikU
            ulrik @Chazrox
            last edited by

            @Chazrox You're doing a great job with this, thanks a lot for sharing it!

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

            ChazroxC 1 Reply Last reply Reply Quote 2
            • ChazroxC
              Chazrox @ulrik
              last edited by

              @ulrik 🙏 Appreciate that brotha! Im actually having a lot of fun making this and im so happy that its actually useful!

              1 Reply Last reply Reply Quote 0
              • ChazroxC
                Chazrox @digi
                last edited by

                @digi I can add this. 'Gradient Rotation offset'. I'll push this when I get home tonight.

                1 Reply Last reply Reply Quote 0
                • David HealeyD
                  David Healey
                  last edited by

                  Been playing around with it a little bit this evening.

                  I noticed you have this for the knob value (I'm using the first preset design)

                  g.drawAlignedText(vtVal + " db", vtArea, "centred");

                  It might be better to use obj.valueAsText then it will be rounded correctly and have the correct suffix.

                  Free HISE Bootcamp Full Course for beginners.
                  YouTube Channel - HISE tutorials
                  My Patreon - More HISE tutorials

                  ChazroxC 1 Reply Last reply Reply Quote 1
                  • ChazroxC
                    Chazrox @David Healey
                    last edited by

                    @David-Healey Ahh. Thats a good one. I have NEVER used that one before. lol smh.
                    Thanks!

                    1 Reply Last reply Reply Quote 0
                    • ChazroxC
                      Chazrox
                      last edited by

                      I just pushed a major update!

                      26 New Presets!
                      We now have 'Factory Presets' and 'User Presets' drop down menus.

                      The 'Factory Presets' menu is populated by a github folder that I will be adding more knobs to as time goes on. Hopefully I can offer a good variety of knobs to start you off with some cool looks.

                      The 'User Preset' saves .json files of your knobs locally and recalls them on app launch.

                      KnobDesignerFactoryPresetsNEW.gif

                      Here's a short list of other updates:

                      Preset Library

                      Factory preset browser with live knob thumbnails
                      Personal user preset library — save, browse and load your own designs
                      One-click preset loading

                      SVG Icon Integration

                      Drop any SVG file directly onto the knob — auto-converts to HISE instantly
                      No manual copy-pasting of path arrays

                      Screenshot 2026-07-04 at 2.23.03 PM.png

                      Theme System

                      Full UI theme editor — customise every colour, font and control size
                      Load factory themes from the cloud
                      Save and share your own themes
                      Screenshot 2026-07-04 at 2.24.08 PM.png

                      Screenshot 2026-07-04 at 2.23.38 PM.png

                      Colour Workflow

                      Copy/paste colours between any pickers across the entire design
                      HISE colour slot assignment on every colour (bgColour, itemColour1, itemColour2, textColour)

                      Screenshot 2026-07-04 at 2.26.05 PM.png

                      1 Reply Last reply Reply Quote 4
                      • lalalandsynthL
                        lalalandsynth
                        last edited by

                        Not sure if this has been mentioned but the dropshadow gets cropped.

                        https://trikk.studio/
                        https://www.instagram.com/trikkstudio/

                        ChazroxC 1 Reply Last reply Reply Quote 0
                        • ChazroxC
                          Chazrox @lalalandsynth
                          last edited by Chazrox

                          @lalalandsynth You have to adjust the size of the knob so that the shadow has space not to be clipped. You can make the component any size you want once your in HISE. If its clipping in the designer for sure it will clip in HISE. Just a small caveat aswell, because of the different ways that webbrowsers and HISE handles shadows is a little bit different so that part is as accurate as I can get it but the glow radius is actually a bit stronger when compiled. But like I said, the way to do this is resize the knob shape.

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

                          13

                          Online

                          2.4k

                          Users

                          13.8k

                          Topics

                          120.5k

                          Posts