Difference between revisions of "Component: Joystick 2D (Controls)"

From Flowcode Help
Jump to navigationJump to search
 
(6 intermediate revisions by the same user not shown)
Line 22: Line 22:
  
 
==Detailed description==
 
==Detailed description==
 +
 +
  
  
Line 50: Line 52:
  
 
==Examples==
 
==Examples==
 +
 +
  
  
Line 77: Line 81:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
 
==Macro reference==
 
==Macro reference==
  
 +
===ReadAxisAsFloat===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 99: Line 118:
  
  
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+
===ReadAxisAsInt===
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SimMoveThumbStick'''
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 
−
| width="90%" | X
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 
−
| width="90%" | Y
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
−
| width="90%" | Component
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 145: Line 137:
  
  
−
 
+
===SimMoveThumbStick===
−
 
 
−
==Property reference==
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
−
| width="90%" | Joystick Type
 
−
|-
 
−
| colspan="2" | Defines the directions the joystick can travel.&nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
−
| width="90%" | Return To Center
 
−
|-
 
−
| colspan="2" | Decides if the joystick automatically returns to the center position when released. Yes: The joystick will return to the center when released. No: The joystick will remain in the current position when released.&nbsp;
 
−
|-
 
−
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Limits
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 
−
| width="90%" | Y Min
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 
−
| width="90%" | Y Max
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Theme
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
−
| width="90%" | Box Colour
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
−
| width="90%" | Shaft Colour
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
−
| width="90%" | Knob Colour
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
−
| width="90%" | Style
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 
−
| width="90%" | Style
 
−
|-
 
−
| colspan="2" | Outline line style&nbsp;
 
−
|}==Macro reference==
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsFloat'''
 
−
|-
 
−
| colspan="2" | Reads a single axis of the joystick and returns as a floating point value.&nbsp;
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
−
| width="90%" | Axis
 
−
|-
 
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 253: Line 164:
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
|}
 
|}
−
 
−
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsInt'''
 
−
|-
 
−
| colspan="2" | Reads a single axis of the joystick and returns as a signed integer value.&nbsp;
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
−
| width="90%" | Axis
 
−
|-
 
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
−
 
  
  
Line 311: Line 202:
 
|-
 
|-
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Box Colour
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Pointer
 
|-
 
|-
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Shaft Colour
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Fill
 
|-
 
|-
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Knob Colour
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | Specifies the fill colour of the shape&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Style
+
| width="90%" | Gradient
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Style
+
| width="90%" | Gradient Style
 
|-
 
|-
−
| colspan="2" | Outline line style&nbsp;
+
| colspan="2" | &nbsp;
−
|}==Macro reference==
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsFloat'''
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Outline
 
|-
 
|-
−
| colspan="2" | Reads a single axis of the joystick and returns as a floating point value.&nbsp;
 
 
|-
 
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Style
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
+
| colspan="2" | Outline line style&nbsp;
−
| width="90%" | Axis
 
 
|-
 
|-
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
+
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 +
| width="90%" | Thickness
 
|-
 
|-
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
+
| colspan="2" | Thickness of the outline&nbsp;
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SimMoveThumbStick'''
+
| width="90%" | Colour
−
|-
 
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
 +
| colspan="2" | The outline colour of the shape&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | X
+
| width="90%" | Gradient
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Y
+
| width="90%" | Gradient Style
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
−
| width="90%" | Component
 
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
−
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsInt'''
 
−
|-
 
−
| colspan="2" | Reads a single axis of the joystick and returns as a signed integer value.&nbsp;
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
−
| width="90%" | Axis
 
−
|-
 
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
−
 
−
 
−
 
−
==Property reference==
 
−
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
−
| width="90%" | Joystick Type
 
−
|-
 
−
| colspan="2" | Defines the directions the joystick can travel.&nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
−
| width="90%" | Return To Center
 
−
|-
 
−
| colspan="2" | Decides if the joystick automatically returns to the center position when released. Yes: The joystick will return to the center when released. No: The joystick will remain in the current position when released.&nbsp;
 
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Limits
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Slide Area
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 
−
| width="90%" | Y Min
 
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 
−
| width="90%" | Y Max
 
 
|-
 
|-
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Theme
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Fill
 
|-
 
|-
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Box Colour
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | Specifies the fill colour of the shape&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Shaft Colour
+
| width="90%" | Gradient
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Knob Colour
+
| width="90%" | Gradient Style
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Style
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Outline
 
|-
 
|-
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
Line 463: Line 285:
 
|-
 
|-
 
| colspan="2" | Outline line style&nbsp;
 
| colspan="2" | Outline line style&nbsp;
−
|}==Macro reference==
 
−
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsFloat'''
+
| width="90%" | Thickness
 
|-
 
|-
−
| colspan="2" | Reads a single axis of the joystick and returns as a floating point value.&nbsp;
+
| colspan="2" | Thickness of the outline&nbsp;
 
|-
 
|-
 +
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 +
| width="90%" | Colour
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
+
| colspan="2" | The colour of the shape outline&nbsp;
−
| width="90%" | Axis
 
 
|-
 
|-
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
|-
+
| width="90%" | Gradient
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SimMoveThumbStick'''
 
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
|-
+
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+
| width="90%" | Gradient Style
−
| width="90%" | X
 
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Y
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Background
 
|-
 
|-
−
| colspan="2" | &nbsp;
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Component
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Fill
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadAxisAsInt'''
 
−
|-
 
−
| colspan="2" | Reads a single axis of the joystick and returns as a signed integer value.&nbsp;
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
−
| width="90%" | Axis
 
−
|-
 
−
| colspan="2" | Range 0-1 Where 0=X, 1=Y&nbsp;
 
−
|-
 
−
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
 
−
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
−
|}
 
−
 
 
−
 
 
−
 
 
−
 
 
−
==Property reference==
 
−
 
 
−
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
−
|-
 
−
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
 
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
 
−
|-
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
−
| width="90%" | Joystick Type
 
−
|-
 
−
| colspan="2" | Defines the directions the joystick can travel.&nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
−
| width="90%" | Return To Center
 
 
|-
 
|-
−
| colspan="2" | Decides if the joystick automatically returns to the center position when released. Yes: The joystick will return to the center when released. No: The joystick will remain in the current position when released.&nbsp;
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Limits
+
| width="90%" | Colour
 
|-
 
|-
 +
| colspan="2" | Specifies the fill colour of the shape&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Y Min
+
| width="90%" | Gradient
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Y Max
+
| width="90%" | Gradient Style
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Theme
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Outline
 
|-
 
|-
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Box Colour
+
| width="90%" | Style
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | Outline line style&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
−
| width="90%" | Shaft Colour
+
| width="90%" | Thickness
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | Thickness of the outline&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Knob Colour
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | The outline colour of the shape&nbsp;
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Style
+
| width="90%" | Gradient
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
−
| width="90%" | Style
+
| width="90%" | Gradient Style
 
|-
 
|-
−
| colspan="2" | Outline line style&nbsp;
+
| colspan="2" | &nbsp;
 
|}
 
|}

Latest revision as of 11:57, 3 November 2023

Author Matrix TSL
Version 1.0
Category Controls


Joystick 2D component

A simple joystick component allowing for easy mouse or touchscreen based analogue control.

Component Source Code

Please click here to download the component source project: FC_Comp_Source_Joystick_2dgi.fcfx

Please click here to view the component source code (Beta): FC_Comp_Source_Joystick_2dgi.fcfx

Detailed description

No detailed description exists yet for this component

Examples

No additional examples









Macro reference

ReadAxisAsFloat

Fc9-comp-macro.png ReadAxisAsFloat
Reads a single axis of the joystick and returns as a floating point value. 
Fc9-u8-icon.png - BYTE Axis
Range 0-1 Where 0=X, 1=Y 
Fc9-f32-icon.png - FLOAT Return


ReadAxisAsInt

Fc9-comp-macro.png ReadAxisAsInt
Reads a single axis of the joystick and returns as a signed integer value. 
Fc9-u8-icon.png - BYTE Axis
Range 0-1 Where 0=X, 1=Y 
Fc9-s16-icon.png - INT Return


SimMoveThumbStick

Fc9-comp-macro.png SimMoveThumbStick
 
Fc9-f32-icon.png - FLOAT X
 
Fc9-f32-icon.png - FLOAT Y
 
Fc9-h32-icon.png - HANDLE Component
 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-type-16-icon.png Joystick Type
Defines the directions the joystick can travel. 
Fc9-type-7-icon.png Return To Center
Decides if the joystick automatically returns to the center position when released. Yes: The joystick will return to the center when released. No: The joystick will remain in the current position when released. 
Fc9-conn-icon.png Limits
Fc9-type-15-icon.png Y Min
 
Fc9-type-15-icon.png Y Max
 
Fc9-conn-icon.png Theme
Fc9-conn-icon.png Pointer
Fc9-conn-icon.png Fill
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Fc9-conn-icon.png Outline
Fc9-type-12-icon.png Style
Outline line style 
Fc9-type-15-icon.png Thickness
Thickness of the outline 
Fc9-type-2-icon.png Colour
The outline colour of the shape 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Fc9-conn-icon.png Slide Area
Fc9-conn-icon.png Fill
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Fc9-conn-icon.png Outline
Fc9-type-12-icon.png Style
Outline line style 
Fc9-type-15-icon.png Thickness
Thickness of the outline 
Fc9-type-2-icon.png Colour
The colour of the shape outline 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Fc9-conn-icon.png Background
Fc9-conn-icon.png Fill
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Fc9-conn-icon.png Outline
Fc9-type-12-icon.png Style
Outline line style 
Fc9-type-15-icon.png Thickness
Thickness of the outline 
Fc9-type-2-icon.png Colour
The outline colour of the shape 
Fc9-type-2-icon.png Gradient
 
Fc9-type-12-icon.png Gradient Style
 
Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Joystick_2D_(Controls)&oldid=39792"