virtual-joystick
Reactive icon

Virtual Joystick

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 22 Dec (20 hours ago)
 by 
EONE TECHNOLOGIES PRIVATE LIMITED
0.0
 (0 ratings)
virtual-joystick

Virtual Joystick

Documentation
1.0.0

Input parameters

These are recommended input parameters that mirror the options in the demo screen.

  • BaseSize (Integer): 100–250, default 150; diameter of the joystick base in pixels.
  • StickSize (Integer): 30–120, default 60; diameter of the joystick knob in pixels.
  • BaseColor (Text): Color used for the base.
  • StickColor (Text): Color used for the stick.
  • Transparency (Decimal): 0.1–1.0, default 0.9; controls overall opacity.
  • ShadowBlur (Integer): 0–50, default 20; blur radius of the base shadow.
  • GlowIntensity (Integer): 0–40, default 15; strength of the glow effect.
  • GrooveCount (Integer): 0–24, default 8; number of grooves rendered on the base.
  • MaxDistance (Integer): 20–80, default 50; maximum drag radius from center in pixels.
  • Deadzone (Integer): 0–20, default 5; percentage near center treated as no input.
  • AnimationSpeed (Decimal): 0.05–0.5, default 0.2; duration for return-to-center animation in seconds.
  • BaseGradientEnabled (Boolean): Enables or disables gradient on the base.
  • ShadowEnabled (Boolean): Enables or disables shadow.
  • GlowEnabled (Boolean): Enables or disables glow.
  • PresetStyle (Text): Optional; accepts values such as ClassicBlue, NeonGreen, OrangeMinimal, or CyanTech to apply predefined looks.

Output parameters

These outputs represent the current joystick state and can be bound to local variables or used in event handlers.

  • XPosition (Integer): Current horizontal offset from the center (negative for left, positive for right).
  • YPosition (Integer): Current vertical offset from the center (negative for up, positive for down).
  • Direction (Text): Describes the current direction, such as center, up, down, left, or right.
  • Angle (Integer): Current angle in degrees relative to the horizontal axis.
  • Distance (Integer): Distance from center as a percentage of MaxDistance (0–100).
  • Speed (Decimal): Normalized movement intensity, derived from distance and suitable for controlling movement speed.