PLUG'N SCRIPT
rapid plugin development
Tutorial
DSP
KUIML
How-to
Scripts
  • Overview
  • Tutorial
  • Reference
Layout and positioning
  • CELL
  • TABLE
Language basics
  • SKIN
  • DUMMY
  • INCLUDE
  • INCLUDE_ONCE
  • DEFINE
  • UNDEFINE
  • VARIABLE
  • LOCAL_VARIABLE
  • TEMPLATE
  • TEMPLATE_INNER_CONTENT
  • TEMPLATE_UNLOAD
  • REPEAT
Text widgets
  • TEXT
  • TEXT_FIELD
  • TEXT_EDIT_BOX
  • TOOLTIP
  • PARAM_TEXT
  • PARAM_TEXT_CONTROL
  • PARAM_TEXT_EDIT_BOX
  • PARAM_TOOLTIP
Image widgets
  • IMAGE
  • IMAGE_ACTION_BUTTON
  • IMAGE_GROUP_BOX
  • IMAGE_PARAM_BUTTON
  • IMAGE_PARAM_KNOB
  • IMAGE_PARAM_LINEAR_METER
  • IMAGE_PARAM_MENU_BUTTON
  • IMAGE_PARAM_METER
  • IMAGE_PARAM_SLIDER
  • IMAGE_PARAM_TOGGLE_SWITCH
  • XYZ_IMAGE_PARAM_JOYSTICK
Invisible controls
  • INVISIBLE_ACTION_BUTTON
  • INVISIBLE_PARAM_BUTTON
  • INVISIBLE_PARAM_KNOB
  • INVISIBLE_PARAM_MENU_BUTTON
  • INVISIBLE_PARAM_SLIDER
  • INVISIBLE_PARAM_TOGGLE_SWITCH
  • XY_PARAM_PAD
  • XY_ZOOM_SELECT_PAD
  • XYZ_PARAM_SCRATCH_PAD
  • XYZ_PARAM_CLICK_PAD
Drawing, curves & 3D
  • CANVAS
    • Graphics API
  • svg
  • CURVE_GRAPH
  • XY_CURVES_GRAPH
  • GRID
  • RULER
  • COLOR_SCALE
  • VIEW_3D
  • COLOR_SURFACE_3D
  • GRID_3D
  • GL_OBJECT_3D
    • OpenGL Cheat Sheet
  • SURFACE_COLORMAP_2DPLOT
Miscellaneous
  • SCRIPT
  • WIDGET
  • KUIML_WIDGET
  • POPUP_MENU
  • MENU_ITEM
  • MENU_SEPARATOR
  • FILE_SELECT_MENU
  • SYSTEM_ACTION_BUTTON
  • SYSTEM_PARAM_CHECKBOX
  • SYSTEM_PARAM_DROPDOWN_LIST
  • WINDOW
  • LOAD_FONT
Data model
  • STRING
  • PARAM
  • FORMULA_PARAM
  • PARAM_ANIMATOR
  • ACTION
    • Built-in action types
  • TIMER
  • ACTION_TRIGGER
  • CURVE
  • FORMULA_CURVE
  • CURVE_FROM_PARAM_OVER_TIME
  • SURFACE
  • FORMULA_SURFACE
  • SURFACE_FROM_CURVE_OVER_TIME
  • GROUP
Links and commands
  • PARAM_LINK
  • PARAM_MULTI_LINK
  • PARAM_CONNECTION
  • PARAM_TO_STRING_LINK
  • STRING_LINK
  • STRING_MULTI_LINK
  • CURVE_LINK
  • CURVE_MULTI_LINK
  • SURFACE_LINK
  • REQUIRED_OBJECTS
  • EXPOSED_OBJECTS
  • PERSISTENT_OBJECTS
Common attrubutes
  • For all elements
  • Widgets
  • Param Widgets
  • Param Controls
  • Param Info Viewers
  • Text Widgets
  • Surface Viewers
  • Curve Viewers
  • Images
  • 3D Objects
Additional information
  • All attributes
  • Attribute types
  • Cursors
  • Math formulas
  • Scripting
    • Built-in addons
  • User experience
  • Errors and solutions
  • Built-in variables
  • Runtime model
  • Parameters mapping
  • Script converter
  • LetiMix
KUIMLReferencePARAM_ANIMATOR
June 16, 2025

PARAM_ANIMATOR

This element is a wrapper to a parameter object. It can animate this parameter over time, based on the wrapper value changes. It is an easy way to create animations in a user interface: the wrapper continuously forwards the changes made to its value with a delay that can be specified.

The PARAM_ANIMATOR wrapper has the exact same characteristics (type, min/max/default values, unit...) as the parameter object that it wraps, and they cannot be modified.

Attributes brief detailed show all inherited

Name DescriptionDefault
Exposed: v. 1.7param_idParameter to wrap for animationempty
Exposed: v. 1.7duration_msDuration of the animation250
Exposed: v. 1.7refresh_time_msinterval between two updates in the animationYou should increase this value if you are concerned with display performance issues, and decrease it for smoother animations50
Exposed: v. 1.7enabledenable or disable the animationWhen animation is disabled, there is no more delay between wrapper and destination paramter changes: the animation is cancelled but value changes are forwarded to the wrapped parameterfalse
persistentmakes the value of the animator persistentWhen a parameter is animated, you usually want to make the animator persistent instead of the parameter itself. This way all undo/redo operations are animated as well, and there is no risk of overriding the saved value because an animation is being triggered while loadingfalse
Events
Exposed: v. 2.0value_changedthe event is triggered anytime the value of the object has changed
Common attributesRead about `common`
idIdentifier of the elementThe id of an element has to be globally unique. Don't start with a digit for AngelScript compatibility.empty
Name Value type Default Description Comment
Exposed: v. 1.7param_idparameter identifieremptyParameter to wrap for animation
Exposed: v. 1.7duration_msAny positive integer value250Duration of the animation
Exposed: v. 1.7refresh_time_msAny positive integer value50interval between two updates in the animationYou should increase this value if you are concerned with display performance issues, and decrease it for smoother animations
Exposed: v. 1.7enabledbooleanfalseenable or disable the animationWhen animation is disabled, there is no more delay between wrapper and destination paramter changes: the animation is cancelled but value changes are forwarded to the wrapped parameter
persistentbooleanfalsemakes the value of the animator persistentWhen a parameter is animated, you usually want to make the animator persistent instead of the parameter itself. This way all undo/redo operations are animated as well, and there is no risk of overriding the saved value because an animation is being triggered while loading
Events
Exposed: v. 2.0value_changedeventthe event is triggered anytime the value of the object has changed
Common attributesRead about `common`
ididentifieremptyIdentifier of the elementThe id of an element has to be globally unique. Don't start with a digit for AngelScript compatibility.

Examples

You can animate (change smoothly) another parameter or maybe an attribute of a widget, like in the example below.

  1. <COLUMN spacing="10" >

  2. <!-- this animator will smoothly change demo_text.opacity value -->
  3. <PARAM_ANIMATOR id="animate_visibility" param_id="demo_text.opacity" persistent="true" duration_ms="500" refresh_time_ms="50" />

  4. <!-- visual element with opacity -->
  5. <TEXT id="demo_text" width="200" value="Hello World" opacity="1" font_size="+12" text_color="#000080" />

  6. <!-- display values of parameters -->
  7. <ROW spacing="10">
  8. <PARAM_TEXT_CONTROL param_id="animate_visibility" content="animator_value: {value}" />
  9. <PARAM_TEXT_CONTROL param_id="demo_text.opacity" content="opacity_value: {value}" />
  10. </ROW>

  11. <!-- buttons to click -->
  12. <ROW spacing="10">
  13. <WIDGET id="blue" background_color="#5799F0" width="120" height="50" mouse_sensitive="true" text_color="#FFFFFF">
  14. <TEXT value="smooth" width="100%" height="100%" >
  15. <INVISIBLE_PARAM_BUTTON param_id="animate_visibility" positions_count="2" width="100%" height="100%" />
  16. </TEXT>
  17. </WIDGET>

  18. <WIDGET id="blue" background_color="#FBB469" width="120" height="50" mouse_sensitive="true" text_color="#000000">
  19. <TEXT value="instant" width="100%" height="100%" >
  20. <INVISIBLE_PARAM_BUTTON param_id="demo_text.opacity" positions_count="2" width="100%" height="100%" />
  21. </TEXT>
  22. </WIDGET>
  23. </ROW>

  24. </COLUMN>


Comments

Please, authorize to view and post comments.

2020 - 2026 © Site by LetiMix · Donate  |  Plug'n Script and KUIML by Blue Cat Audio