IMAGE_PARAM_KNOB
Active element that displays an image depending on the value of the parameter. Its is as an animation or 'filmstrip' for which the image is chosen depending on the value of the parameter: if the parameter value is equal to its minimum the first image is displayed. If the parameter value is equal to its maximum, the last image is displayed. The control supports several keyboard shortcuts and mouse dragging. For more information, see User Experience.
Attributes brief detailed show all inherited
Examples
Display a simple knob to control parameter value.
- <!-- create demo param -->
- <PARAM id="demo_param" min="0" max="100" default="0" value_format="0.1" />
- <!-- knob to control param -->
- <IMAGE_PARAM_KNOB param_id="demo_param" pixel_range="128" image_scaling="0.5" image="$PLUGIN_USER_DOCUMENTS_PATH$Skins/LetiMix/controls/LM_Knobs/lm_black_knob_03_x2.png" images_count="101" positions_count="101" image_orientation="vertical" cursor="system::hand" />
- <!-- text control -->
- <PARAM_TEXT_CONTROL param_id="demo_param" />

The image lm_black_knob_03_x2.png contains 101 sprites of the knob like this (fragment):
![]()
This knob was originally found in KnobMan gallery. KnobMan is a free tool that you can use to generate new knob designs.
Various response curves
Here we have three knobs with different response_curve values.
- <!-- create demo param -->
- <PARAM id="demo_param" min="0" max="100" default="0" value_format="0.1" />
- <!-- knobs to control param -->
- <TABLE>
- <!-- text labels -->
- <TEXT value="normal" />
- <TEXT value="exp" />
- <TEXT value="log" />
- </TABLE_ROW>
- <!-- knobs -->
- <IMAGE_PARAM_KNOB param_id="demo_param" pixel_range="128" image_scaling="0.5" image="$PLUGIN_USER_DOCUMENTS_PATH$Skins/LetiMix/controls/LM_Knobs/lm_black_knob_03_x2.png" images_count="101" positions_count="101" image_orientation="vertical" cursor="system::hand" />
- <IMAGE_PARAM_KNOB param_id="demo_param" pixel_range="128" image_scaling="0.5" image="$PLUGIN_USER_DOCUMENTS_PATH$Skins/LetiMix/controls/LM_Knobs/lm_black_knob_03_x2.png" images_count="101" positions_count="101" image_orientation="vertical" cursor="system::hand" response_curve="exp1" />
- <IMAGE_PARAM_KNOB param_id="demo_param" pixel_range="128" image_scaling="0.5" image="$PLUGIN_USER_DOCUMENTS_PATH$Skins/LetiMix/controls/LM_Knobs/lm_black_knob_03_x2.png" images_count="101" positions_count="101" image_orientation="vertical" cursor="system::hand" response_curve="log1" />
- </TABLE_ROW>
- </TABLE>
- <!-- text control -->
- <PARAM_TEXT_CONTROL param_id="demo_param" />

Other options
With help of pixel_range attribute you can adjust the length of the mouse movement needed to change parameter value. Using extra images you can add different looks for disabled/hover/focus/pushed states.
As with other "IMAGE" controls, IMAGE_PARAM_KNOB is often used with DEFINE to create a reusable item. See an example in IMAGE_ACTION_BUTTON or IMAGE_PARAM_SLIDER.
If you need an invisible control with same mouse behaviour (but without the image) see INVISIBLE_PARAM_KNOB.
Comments
Please, authorize to view and post comments.