How to create a custom Attitude Indicator

This help page explains how to create your own Attitude Indicator.

Tip: Sample Files to start

You can download the Sample zip file, to get an idea how the images of your Attitude Indicator should look like. Download sample zip

Open the app, and find the customizable Attitude Indicator Widget in the Editor.



Add it to your Design, and your widget will first look like this:

If you don't see the colored lines, make sure that your game is not started and you have the Option Debug draw in the customization Options of this widget activated.

If you still cannot display the lines, you can also continue without them.

Settings

The widget has some settings, most of them want you to provide an image. If you downloaded the Sample zip file you have some images to start playing around.

Background image

The image you have to provide here is the Horizon, it is the lowest layer of the Gauge.

Pitch Image (Ball in the Center)

The Attitude Indicator shows the Pitch of the Aircraft with a scale in the center. Load your Pitch Image here (or the one from the sample zip).

Pitch Scale

This setting tells the App how the Scale of the Lines in your Pitch Image correspond to the actual Pitch Data.

Make sure to activate the Debug Draw Option so you see the colored lines.

Then modify the Pitch Scale Parameter until the green debug lines matches the ones of your Image

Tip: Use the SIM Dashboard Studio Editor to edit the Design on your PC

If you are using the SIM Dashboard Studio Editor, you can modify the Parameter while you see the Widget "live".

Pitch Image Mask (optional)

If you are heading your Aircraft towards the Earth surface or directly up into the Sky, the Pitch Scale can exceed the dimensions of the Gauge.

To fix it, you can load a Mask (a transparent image, with the areas that are safe to be drawn in black) that tells the App where the Pitch is allowed to be drawn.

Roll image

The attitude indicator also shows the roll of your Aircraft, for that you need to provide a ring image.

If you have dashes to indicate the Degrees (usually 30° and 60° degrees), make sure that they match up with the blue lines that are shown in the App if you have the Debug draw Option activated.

Scale image

Finally you need to provide an image that allows you to read the scale with a pointer.

Finished

Don't forget to share your Design with the Community, if you created a cool Gauge! :-)