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
    87 Posts 16 Posters 12.1k 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.
    • 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.

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

                    @Chazrox cool.

                    Another suggestion for the skirt it would be useful to be able to do a circular gradient , if that is the right term ? SO not up dwn , but from center.

                    Also snapshot would be more useful for me at least with transparent background.
                    Or if that is tough maybe to be able to set the background for the knob in the theme.

                    Or just a simple background color setting so you are making the knob on the same background color as your UI. EDIT: Found the BG color, perfect !

                    OR ...hehe, being able to import a screenshot into the background so you design the knob in situ as such.

                    .. When setting colors I mostly use hex but always have to flip though the other color options , maybe it could remember last used color selection method ?

                    Also, unless I am missing it, the arcs need a pan setting/ center .

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

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

                      @lalalandsynth ngl I totally overlooked 'radial' gradients. Im adding that in both the knob and button builder.

                      @lalalandsynth said in MAJOR UPDATE // NEW: Online KNOB BUILDER for HISE!! // Factory/User Preset System:

                      snapshot would be more useful for me at least with transparent background.

                      easy.

                      @lalalandsynth said in MAJOR UPDATE // NEW: Online KNOB BUILDER for HISE!! // Factory/User Preset System:

                      import a screenshot into the background

                      Is this just for colour matching purposes?

                      @lalalandsynth said in MAJOR UPDATE // NEW: Online KNOB BUILDER for HISE!! // Factory/User Preset System:

                      the arcs need a pan setting/ center .

                      What do you mean by this? Setting middlePoint value? There are other 'Arc' layers. Are any of those what you're asking for?

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

                        @Chazrox Sorry I was commenting off the cuff, I can see it now , i can do a pan style arc , thought it would be an option in the arc , all good!

                        For the snap shot transparent is great but does it maintain its borders * coordinates* as when exported as laf ?

                        Yes, for color matching and just seeing it in situ although this might be inconvenient to implement. Just an idea.

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

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

                        13

                        Online

                        2.4k

                        Users

                        13.8k

                        Topics

                        120.5k

                        Posts