MAJOR UPDATE // NEW: Online KNOB BUILDER for HISE!! // Factory/User Preset System

[Chazrox]

@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.

[digi]

@Chazrox Will try that now, thanks

[Chazrox]

@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.

[digi]

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

[Lindon]

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

[Chazrox]

@Lindon Thanks!

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

truck load more examples....

Presets?

[digi]

@Chazrox Preset gallery like Knobman perhaps.

[Chazrox]

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

[Lindon]

@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

[digi]

Is it possible to somehow do stepped knobs?

[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.

[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.

[ulrik]

@Chazrox You're doing a great job with this, thanks a lot for sharing it!

[Chazrox]

@ulrik Appreciate that brotha! Im actually having a lot of fun making this and im so happy that its actually useful!

[Chazrox]

@digi I can add this. 'Gradient Rotation offset'. I'll push this when I get home tonight.

[David Healey]

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.

[Chazrox]

@David-Healey Ahh. Thats a good one. I have NEVER used that one before. lol smh.
Thanks!

[Chazrox]

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.

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

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

Colour Workflow

Copy/paste colours between any pickers across the entire design
HISE colour slot assignment on every colour (bgColour, itemColour1, itemColour2, textColour)

[lalalandsynth]

Not sure if this has been mentioned but the dropshadow gets cropped.

[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.