Creating airport Logo's with IATA text [How to get text in the right spot?]

I’ve started creating some of my own logo’s recently but I just can’t seem to get the IATA text to be created in the right spot.

I expected it to be controlled with the following lines in the JSON:

“textPos”:
{
“x”:48,
“y”:100,
“z”:48,
“w”:57

But I do not understand the exact meaning of the values here. Just having an X and Y for plotting a spot on the logo would be logical. But what do Z and W do? Is it creating a text box of sorts?

The Official ACEO Airline & Livery Modding Guide has not been updated yet to explain the meaning of several of the values in the JSON’s. So maybe this could get updated to explain the meaning of the codes used in the Logo JSON’s.

If anyone could help me understand this that would be great!

(And maybe the devs could find some time to update the official guide :wink: )

2 Likes

here is an short explanation on this @MPR also I forgot about the F5 refresh option, Thats good to know too when editing the logos :wink:

1 Like

I am curious what the other font options are though as well as text alignment/spacing options are. And Additional text? I’m sure just playing around with it you can figure those out, but im not sure what the other codes are for text fonts. Thanks for making this topic @MPR

@Alexander

Edit: Decided to make a little guide to airport logo editing. Please correct me if I’m wrong on anything or missing anything. But this is what I found :point_down: by experimenting with it.

1 Like

Airport Logo IATA Text Editing Guide:

  • Playing around with the .json I found these results (thank goodness for F5!!!)… I used a black logo and almost white for the IATA text.


logoName & logoPath:

Any Name will do. Make sure logoPath matches the logo.png you created

Examples:

image
image


shouldShowIATA: (max 3 letters)

  • true = will show IATA letters in airport logo
  • false = will not show IATA letters in airport logo
Examples:

image
image


textSettingsIATA:

textPos:

x = distance from left
y = distance from top
z = distance from right
w = distance from bottom

This creates a box that the text will fill. This will also change the size of the text deepening on how large the box is.

Examples:

Examples:

  • Using textAlignemnt 4: Center Center

0 pixel boarder


50 pixel smaller box all the way around the edge = smaller text as well


100 pixel boarding all the way around



textRot:

Turns the text in degrees of orientation counter-clockwise:

Examples:

Examples:

0


90


180


270



fontName:

I found 3 different types of the same font with different thickness of the font. (couldn’t find any other fonts when using different numbers)

  • ACEO_default_0 = Bold
  • ACEO_default_1 = Regular
  • ACEO_default_2 = Thin

Update from the Dev Alexander:

“You should be able to type OS-native fonts by disregarding the “ACEO_default”-prefix. Simply type “Arial” and see if that works. Haven’t had time to test it in a while.”

I tried this and it recognizes OS-Native Fonts like:
Arial, Arial Black, Courier, Courier New, Courier Bold, etc… However it does also recognize my fonts on my computer that I have downloaded that would not be on anyone else’s computer. So keep that in mind. I believe when this is the case, it will replace with a generic font, but im not sure which one it is.

Examples:

Examples:

ACEO_default_0

ACEO_default_1

ACEO_default_2


fontSize:

This does not change anything as it is overridden by the box positions you create in textPos (X, Y, Z, W). So use textPos for how big you want the text to be.


textAlignment:

0 = Top Left
1 = Top Center
2 = Top Right
3 = Center Left
4 = Center Center
5 = Center Right
6 = Bottom Left
7 = Bottom Center
8 = Bottom Right

Examples:

Examples:

… etc…
5 = Center Right
6 = Bottom Left
7 = Bottom Center
8 = Bottom Right


letterSpacing:

Increasing will increase spacing between letters (haven’t tested the max)

Examples:

Examples:

0


20



additionalText

You can add additional text to your logo. (ie. International, Airport, Field, etc.) You can add multiple additionalText.

Example:

Example:

{
  "logoName" : "IATA",
  "logoPath" : "IATA.png",
  "shouldShowIATA" : true,
  "textSettingsIATA" : {
    "textPos" : {
      "x" : 5,
      "y" : 30,
      "z" : 5,
      "w" : 60
    },
    "textRot" : 0,
    "fontName" : "ACEO_default_0",
    "fontSize" : 150,
    "color" : {
      "r" : 227,
      "g" : 217,
      "b" : 197,
      "a" : 255
    },
    "textAlignment" : 4,
    "letterSpacing" : 0
  },
  "additionalText" : [
    {
      "logoKey" : "International",
      "textPos" : {
        "x" : 10,
        "y" : 10,
        "z" : 10,
        "w" : 10
      },
      "textRot" : 0,
      "fontName" : "ACEO_default_1",
      "fontSize" : 1,
      "color" : {
        "r" : 227,
        "g" : 217,
        "b" : 197,
        "a" : 255
      },
      "textAlignment" : 1,
      "letterSpacing" : 0
    },
    {
      "logoKey" : "Airport",
      "textPos" : {
        "x" : 10,
        "y" : 10,
        "z" : 10,
        "w" : 10
      },
      "textRot" : 0,
      "fontName" : "ACEO_default_1",
      "fontSize" : 1,
      "color" : {
        "r" : 227,
        "g" : 217,
        "b" : 197,
        "a" : 255
      },
      "textAlignment" : 7,
      "letterSpacing" : 0
    }
  ]
}
3 Likes

Really amazing job :smiley: I intended to do a guide like this, but been busy with more pressing matters, so this had to wait! Admittedly, I think you did this guide as good as anyone could!

Some additions:
You should be able to type OS-native fonts by disregarding the “ACEO_default”-prefix. Simply type “Arial” and see if that works. Haven’t had time to test it in a while.

The font size, as you suspected, is overridden by the box positions you create.

Additional texts are additional text boxes, as the IATA but could be localized. The octagonal logos should use this for “International” and “Regional” etc, so have a look in those files. Note that if you don’t want it to be localized, you can simply write whatever and it will return the unlocalized text.

2 Likes

awesome! thanks for the clarification and missing parts! I will edit my post to reflect those and test the font option, additional text option and non-localization. Thanks again Alexander! :slight_smile:

1 Like

Okay I made the following changes to the Guide:

  • Added font info about alternate (OS-native) fonts
  • Changed description of font size
  • Added “additionalText” info and example

Happy Modding CEOs!

2 Likes

Thanks @twocflyer and @Alexander That explained a lot. I’ve got my logo’s working now!

2 Likes