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
    97 Posts 17 Posters 23.2k 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 What is this melatonin blur?

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

        @Lindon @digi Sounds reasonable enough. I have a bunch of updates I just added also. I'll do 'Drop Shadow'/ 'X axis offset' too.

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

          @Chazrox A better way of getting blurs & glows in JUCE as the native stuff isn't great tbh.

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

            @Chazrox Legend, thank you.

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

              @digi How do we use this in Hise?

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

                @Chazrox You don't; it's for JUCE, not HISE.

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

                  @digi @Lindon

                  How does this look? Shadow and highligh shifted on the x-axis.

                  Screenshot 2026-06-30 at 8.30.05 AM.png

                  Screenshot 2026-06-30 at 8.31.32 AM.png

                  Can you give me a small codeblock of how you guys add gradient to a dropshadow?

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

                    Looking clean AF in JUCE :)

                    cde04015-56a3-4ec4-9d5f-b21aa4973b23-CleanShot 2026-06-30 at 16.51.41.png

                    ChazroxC 2 Replies Last reply Reply Quote 2
                    • HISEnbergH
                      HISEnberg @digi
                      last edited by

                      @digi said in UPDATE // NEW: Online Knob Builder for HISE!! // SVG's has entered the chat ! =):

                      Utilised https://marketplace.juce.com/products/melatonin_blur and got it rendering in JUCE nicely

                      You may need to double check but I believe this library is already integrated into HISE and it is how HISE uses blur and shaders. However, I've seen post on here and the JUCE forum regarding this library having performance issues (so worth doing a quick search before implementing it).

                      Sonic Architect && Software Mercenary

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

                        @digi Are you just dropping the code export from the app and its working in JUCE or are you editing it in any way before compiling in Juce?

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

                          @HISEnberg I thought I hear Christoph talking about this before but I never looked into it. Thanks. :)

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

                            @digi Looking gewwwwd!

                            1 Reply Last reply Reply Quote 1
                            • 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.

                                        ulrikU 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 1
                                          • 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
                                            • First post
                                              Last post

                                            16

                                            Online

                                            2.4k

                                            Users

                                            13.9k

                                            Topics

                                            120.7k

                                            Posts