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

[digi]

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

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

[Chazrox]

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.

FixedBody parameters:

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)

Canvas Resize/ Component Zoom slider:

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

[digi]

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?

[Chazrox]

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

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