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
    99 Posts 17 Posters 23.3k 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 @digi
      last edited by

      @digi Can you save the knob file and send it to me please. I'll take a look. DM me the .json file please.

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

        @digi also...the approximation of the drop shadows shown on the canvas and what renders in hise is a tiny bit different because of how the browser and Hise treats blurs differently. have you tried to compile in HISE and see what it looks like? If its only clipping on the bottom and not the sides, just increase your component height in HISE to reveal the rest of the shadow.

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

          @Chazrox Will try that now, thanks

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

            @digi as supsected, the designer canvas exaggerates the shadow a little more than what will render in HISE. I think you're good to go. Looks great. 👍

            Screenshot 2026-07-01 at 2.56.08 AM.png

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

              @Chazrox Set the white highlight drop shadow to a slightly lighter version of your faceplate background color and that'd blend very nicely :)

              1 Reply Last reply Reply Quote 0
              • LindonL
                Lindon @Chazrox
                last edited by

                @Chazrox Looks really good well done, what you need now is a truck load more examples....

                HISE Development for hire.
                www.channelrobot.com

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

                  @Lindon Thanks!

                  @Lindon said in UPDATE // NEW: Online Knob Builder for HISE!! // Added: InnerShadows, Angled DropShadows, GradientOutlines.:

                  truck load more examples....

                  Presets?

                  D LindonL 2 Replies Last reply Reply Quote 0
                  • D
                    digi @Chazrox
                    last edited by

                    @Chazrox Preset gallery like Knobman perhaps.

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

                      @digi I AM working on a preset gallery.... but it'll take a while to get as many as knobman has. 😓 haha

                      1 Reply Last reply Reply Quote 0
                      • LindonL
                        Lindon @Chazrox
                        last edited by

                        @Chazrox said in UPDATE // NEW: Online Knob Builder for HISE!! // Added: InnerShadows, Angled DropShadows, GradientOutlines.:

                        @Lindon Thanks!

                        @Lindon said in UPDATE // NEW: Online Knob Builder for HISE!! // Added: InnerShadows, Angled DropShadows, GradientOutlines.:

                        truck load more examples....

                        Presets?

                        yes presets

                        HISE Development for hire.
                        www.channelrobot.com

                        1 Reply Last reply Reply Quote 0
                        • 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
                                            • First post
                                              Last post

                                            24

                                            Online

                                            2.4k

                                            Users

                                            13.9k

                                            Topics

                                            120.7k

                                            Posts