How To Make Fader Move Vertically

[weezycarter]

Hello I can't seem to find the answer anywhere.
I simply want my white faders to slide up and down when dragging them to control ADSR.
Right now it controls the value of the ADSR when I drag the slider up and down but the fader itself is stationary and is not moving when I try to drag it up.
How do I fix this?

[Lindon]

@weezycarter assuming your faders are implemented as Sliders, and you are using vertically stacked filmstripImages as pngs, set the numStrips = the number of sprites in your png, and it should work fine.

[weezycarter]

@Lindon Thank you that's my problem its just one png image its not a filmstrip. How do I convert my white fader into a stacked filmstrip?

[Mighty23]

@weezycarter
Knobman could be the first step. It's up to you what software you use/want to use.
https://www.g200kg.com/jp/software/knobman.html
https://www.g200kg.com/en/webknobman/gallery.php
Strip Generator:
https://www.wavesfactory.com/strip-generator/
Photoshop:
https://lancethackeray.com/downloads/psknob-photoshop-script/
Figma:
https://www.figma.com/community/plugin/1030842037042371583/knob-creator

[weezycarter]

@Mighty23 Ok So I made the fader into a filmstrip in knobman with 31 strips, but for some reason the sliding action is wonky. It won't show one slider moving up and down but rather shows multiple faders stacked on top of each other I can't get the animation to work correctly.

[Lindon]

@weezycarter make sure you have numStrips set to the correct number of frames in your strip

[weezycarter]

@Lindon I do have it set correctly and thats the problem. when I set numstrips to 31 it doesn't do anything. It doesn't start moving until I set numstrip to 30

[d.healey]

@weezycarter Share the image here.

[weezycarter]

@d-healey

[Lindon]

@weezycarter well that isnt moving the thumb position inside the frame I think - so it wont move in HISE, spend some time with knobMan and you should get the hang of it...

[weezycarter]

@Lindon what settings in knobman exactly do I have to change for this to animate correctly?

[d.healey]

@weezycarter It's an animation, so you need to make each frame move the fader slightly, so when played back it animates the way you want.

Here's an example vertical_slider.knob.zip

[Lindon]

@weezycarter so you must include all of your slider (including the track the thumb runs in), so you will end up with a set of tall sprites, set the thumb at the bottom of the first frame and top of the last frame....

[Mighty23]

@weezycarter

1. create a knob of the right size for your UI.
2. Export from knobman the png file of height, width as the knob of the UI.
   2.1) try to use 101 frames, you can change it in knobman
3. From the menu located on your right set the number of frames and upload the image in the images folder of your project, then upload it via HISE.
4. Compile/Hit F5, you should have your knob that behaves like a fader and has the "skin" of the png you loaded.