Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved Scripting
    lafknobsknob designerscalable knobonline editor
    75 Posts 14 Posters 2.4k 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 @Chazrox
      last edited by

      @Chazrox Yeah, it needs to be converted. Regarding the performance issues @HISEnberg mentioned above, you have to be considerate that you're not unneccessarily recomputing expensive operations and utilise effective caching etc.

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

        @digi @Lindon

        check this out:

        UPDATES:

        • 'y axis' and 'x axis' offsets.
        • Also, I added in rotation so you can mess with the direction of light illusion.

        Screenshot 2026-06-30 at 1.34.10 PM.png

        Screenshot 2026-06-30 at 1.33.39 PM.png

        I've also added:

        • Inner Shadows to All Body/Face Layers.
        • Improved the glow on all glow elements using gaussian blur instead of stepped opacity layers.
        • Add 'Gradient' to 'Outline' features on Face Layers. I'll probably be getting rid of 'Highlight' now because you can achieve the highlight with the gradient outline now.

        Canvas now has 'Undo'/ 'Redo' and 'Clear All Layers'.
        I've also added a zoom slider on the canvas per multiple request.
        Canvas now also opens blank, but you can instantly load up a preset or start from scratch.

        Screenshot 2026-06-30 at 1.53.52 PM.png

        Currently Working on:

        • SVG Library (Saves/recall previously used SVG's)
        • Might change SVG drop format to base64 to clean up the code gen output. Lmk what you guys think.

        Try it out! :
        https://rox-knob-builder-for-hise.netlify.app/

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

          @Chazrox Dude, awesome work. Thank you for being so responsive to the feature requests.

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

            @digi 👊 ⚡ Im glad to add anything within reason. If people need it, I want it too! lol

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

              @Chazrox One quality of life feature would be a way to copy from one body layer to another (as there's three layers). Reason being is that I can have everything setup on the bottom one, then realise I want to move the styles to the second one, and it's just annoying, especially if using gradients as you've to copy them over one by one.

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

                @digi I was gonna do that actually. I already added that to the StarBody layers but must have forgot to do the rest. I got you. update will be pushed by tomorrow. easy.

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

                annoying

                I feel you brudduh. haha.

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

                  UPDATE:

                  Added 'Fixed Body' layer so you can make these types of knobs. I dont know what theyre called but they look like this.

                  You can make rectanlges or pill shapes.
                  FixedBodyKnobsExample.gif

                  Screenshot 2026-07-01 at 12.15.50 AM.png

                  FixedBody parameters:
                  Screenshot 2026-07-01 at 12.27.55 AM.png

                  Other updates:

                  Canvas resize handle (so you can see more parameters)
                  Canvas Zoom slider
                  Draw Text Shadows
                  Copy/Paste settings between 'Body' Layers 1/2/3 per @digi request
                  Copy/Paste settings between 'StarBody' Layers

                  Copy/Paste: (Find these on 'Body' and 'Star Body' layers)
                  Screenshot 2026-07-01 at 12.39.31 AM.png

                  Canvas Resize/ Component Zoom slider:
                  CanvasResizeAndZoomExample.gif

                  LINK:
                  https://rox-knob-builder-for-hise.netlify.app/

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

                    Awesome stuff. I'm hitting into one issue atm - it seems that the large drop shadow is getting cut off at the bottom. I'm not sure how easy it is to see, but it's definitely there (notice the bottom right). Adjusting the padding doesn't seem to help in this case. Any suggestions?

                    7f3ebf07-4ef4-499d-863c-da66e1619779-CleanShot 2026-07-01 at 10.41.15.png

                    ChazroxC 2 Replies Last reply Reply Quote 0
                    • 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.

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

                                            14

                                            Online

                                            2.4k

                                            Users

                                            13.8k

                                            Topics

                                            120.3k

                                            Posts