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
    57 Posts 14 Posters 1.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 How do we use this in Hise?

      D 1 Reply 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 1
            • 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/

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

                        12

                        Online

                        2.4k

                        Users

                        13.8k

                        Topics

                        120.3k

                        Posts