Component: Orientation ( Data) - Revision history

SteveT: tilt sensor canvas example

2026-04-29T10:52:24Z

tilt sensor canvas example

SteveT at 15:40, 27 April 2026

2026-04-27T15:40:32Z

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.0 |- | width="20%" style="color:gray;..."

2026-04-27T08:58:29Z

Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.0 |- | width="20%" style="color:gray;..."

New page

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Data
|}

==Orientation component==
Component that provides orientation data for the mobile device using its internal magnetometer

==Version information==

Library Version, Component Version, Date, Author, Info
1, 1.0, 24-04-26, ST, Created

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''<span style="color:red;">No additional examples</span>''

==Macro reference==

===GetAlpha===
{| 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;" | '''GetAlpha'''
|-
| colspan="2" | Returns rotation around the z-axis, i.e. twisted anticlockwise around the centre of the screen (in degrees between 0 and 360) 
|-
|-
| 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''
|}

===GetBeta===
{| 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;" | '''GetBeta'''
|-
| colspan="2" | Returns rotation around the x-axis, i.e. tilted forwards/backwards (in degrees between -180 and 180) 
|-
|-
| 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''
|}

===GetGamma===
{| 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;" | '''GetGamma'''
|-
| colspan="2" | Returns rotation around the y-axis, i.e. tilted left/right (in degrees between -90 and 90) 
|-
|-
| 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''
|}

===Initialise===
{| 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;" | '''Initialise'''
|-
| colspan="2" | Begins monitoring of the device's orientation information. Returns true if the device can provide orientation information. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===IsAbsolute===
{| 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;" | '''IsAbsolute'''
|-
| colspan="2" | Returns true if the device is providing absolute orientation information. Absolute data will be in reference to the Earth's coordinate frame. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| 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-7-icon.png]]
| width="90%" | Use Callback
|-
| colspan="2" | Set true to use a callback that retrieves regular updates of the device orientation 
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Orientation.fcsx FC_Comp_Source_WEBEXP_Orientation.fcsx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Orientation.fcsx FC_Comp_Source_WEBEXP_Orientation.fcsx]

← Older revision		Revision as of 10:52, 29 April 2026
Line 46:		Line 46:

	The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/DeviceOrientationWithCallback.html DeviceOrientationWithCallback Example]		The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/DeviceOrientationWithCallback.html DeviceOrientationWithCallback Example]
		+
		+
		+	===Drawing with the tilt sensor===
		+	An example using the tilt sensor to draw onto a canvas.
		+
		+	{{Fcfile\|TiltPlotter.fcweb\|TiltPlotter.fcweb}}
		+
		+	The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/TiltPlotter.html TiltPlotter Example]

@@ Line 14: / Line 14: @@
 ==Orientation component==
 Component that provides orientation data for the mobile device using its internal magnetometer
 ==Version information==
@@ Line 24: / Line 25: @@
 ==Detailed description==
-''No detailed description exists yet for this component''
+Many mobile devices contain an internal accelerometer and magnetometer which together can report the orientation of the device.
 ==Examples==
-''<span style="color:red;">No additional examples</span>''
+===Graphing the device orientation===