How to Create a Message Popup Icon

From TrainzOnline
Revision as of 13:16, 8 March 2020 by Pware (Talk | contribs)

Jump to: navigation, search

The information in this Wiki Page applies to TANE, TRS19 and Trainz Plus.

Contents

Message Popup Icons

DotPoint.JPG Message Popup Icons are small graphic icons that can be placed in browser message windows in Driver mode. The browser windows are created by the Message Popup Rule
DotPoint.JPG Message Popup Icons are classified as Non-Environmental Textures

LinkWiki.PNG

Information on creating and using Message Popups can be found on the Trainz Wiki pages at:-

Top

How to Create a New Non-Environmental Texture Asset


Steps.PNG

Steps
DotPoint1.JPG Create the Asset:
NewAsset.PNG

NewAssetCreated.PNG
From the Trainz Launcher
  1. select Manage Content
  2. in Content Manager open the Developer menu
  3. select New Content

This will create a new asset and open it for editing.

A message window will appear that will (hopefully) report on the successful creation of a new asset.

  • Close the message window

  DotPoint2.JPG Find the New Asset:
NewAssetSelectOpen.PNG
  • Set the CM Search Filter to Open for Editing

This will display only those assets that have been opened for editing (hopefully only your new and as yet unnamed asset will be shown)


  DotPoint3.JPG Open the Asset in Windows File Explorer:
NewAssetShowExplorer.PNG
  1. Right mouse click on the entry New Asset
  2. Select Open
  3. Select Show in Explorer

  DotPoint4.JPG Open Config.txt File in Notepad:
NewAssetOpenExplorer.PNG There will only be a single item in the asset, its config.txt file
  • Double click on the file to open it in Notepad

  DotPoint5.JPG Edit the Config.txt File:
NewAssetOpenNotepad.PNG You will need to edit the contents of this file.
  • The next section, PageLink.PNG The Config.txt File, identifies the changes you will need to make.
  • The new name you give to the asset will not take effect until after it has been committed.
  • After editing, save the changes and exit Notepad.


Warning:
Stop.PNG Unless you know exactly what you are doing* DO NOT ALTER THE KUID NUMBER  that has been added to the file
* but even if you do, think twice before you change it !

  DotPoint6.JPG Add Any Extras:

You will need to add:-


These files do not have to be added immediately but must be present before the new asset can be used. You can reopen the asset for editing later to add the files before it is committed.
TexturePopupFiles.PNG THIS IS AN EXAMPLE ONLY

This is the minimum number of files needed in a Texture asset

  DotPoint7.JPG Finish Up:
NewAssetSubmit.PNG
  • Close the Asset window
  • Commit the asset in Content manager
    • Right mouse click on the asset
    • Select Submit Edits

Hopefully there will be no errors.

NotePad.PNG Notes:
Because you still have the Filter Open for Editing in operation, the now closed and committed asset will vanish from the window display. To check that your asset has been correctly created and renamed, set the CM Search Filter to "Today".
Bug.png Some of the most common errors that can occur when creating and committing a new asset are:-
  • no thumbnail image in the asset
  • typing errors in the config.txt file
  • poorly formatted tags in the config.txt file
  • incorrect file types added to the asset folder
  • files missing from the asset folder
  • incorrect kuid value (despite the warning you changed it in Step 5)
Top

The Config.txt File

This file should follow the same (or a similar) format as the example below. Entries in  blue  may/will be different for each asset. The order of the "tags" is not important:-

kuid                                    <kuid: this is an auto-generated number >
kind                                    "texture"
texture                                 "icon_gradeXing.texture"
username                                "icon grade crossing ahead"
category-class                          "JI"
trainz-build                            4.3

thumbnails
{
  Default
  {
    width                               240
    height                              180
    image                               "icon_gradeXing.jpg"
  }
  01
  {
    width                               64
    height                              64
    image                               "icon_gradeXing.texture"
  }
}
description                             "Icon representing an approaching grade crossing. Designed for message popups. It will appear as a Texture Asset in the Message Popup Icon list."

Gears.PNG Settings:

For the above example:

  • The  kuid  is unique to every asset so it is  not a good idea to choose your own . This will be automatically generated by the Content Manager program when a new asset is created
  • The  kind  identifies the type of asset and the types of files that Trainz will expect to find in the asset. It also tells Trainz how to render and error check the asset. A list of asset kinds can be found at WikiLink.PNG KIND Hierarchy
  • The  texture  is the name of the assets texture file. This will be a simple text file and will have the name asset_name.texture where asset_name will be a name you have selected for this asset - e.g. "icon_gradeXing". The actual texture file itself will be named asset_name.texture.txt (e.g. "icon_gradeXing.texture.txt") but the filename ending ".txt" is not added to the name in the texture tag so it would appear as "icon_gradeXing.texture"
  • The  username  is your name for the asset and the name that other users will see. It is a good idea to make it short and meaningful.
  • The  category-class  identifies the intent of the asset and is important in classifying it for filtering and searching. For texture icon assets, the category class is "JI". A list of category classes can be found at WikiLink.PNG Category-class
  • The  trainz-build  identifies the minimum Trainz version needed for this asset. A list of asset trainz-build numbers and their corresponding Trainz versions can be found at WikiLink.PNG "Trainz-build"_number
  • The  thumbnails  container holds the preview images of the asset shown by the Content Manager program, the Web version of the DLS and, for some assets, the Surveyor main menu image(s) and in this case the asset texture itself. Information on thumbnails can be found at WikiLink.PNG Thumbnails
    • The first thumbnail  Default  is the container ID or placeholder for the thumbnail used by CM and the Web based DLS. While its exact label (or number - eg. "Default", "00", "01", etc) is not important, it must be different from any other labels. Default is a commonly used placeholder label for the 240 x 180 thumbnail image
      • The image is the name of the thumbnail image - it must be a JPG format image
      • The width of the image must be 240 pixels
      • The height of the image must be 180 pixels
    • The second thumbnail  01  is the placeholder label for the 64 x 64 icon image used by the Message Popup Rule for this asset. Its exact label does not matter but it must be different from the first thumbnail image placeholder label
      • The image is the assets asset_name.texture.txt file (but without the ".txt" at the end)
      • The width of the image must be 64 pixels
      • The height of the image must be 64 pixels
  • The  description  provides more details for users than the username

PencilTips.PNG Language Options:
All Trainz assets have a language facility built into their config.txt files that allows other language translations to be added for certain tags, such as the username and description tags. A full description of the process can be found on the Trainz Wiki at WikiLink.PNG HowTo/Localize_an_Asset and a list of all the supported languages with their two character codes at WikiLink.PNG Localization_code.
At the very basic level any creator can easily provide other language translations for the username and description tags in the assets they create. Examples are shown below for this sample asset.
username                    "icon grade crossing ahead"
username-c2                 "图标前方的路口"
username-es                 "icono de cruce de grados por delante"
username-fr                 "icône passage à niveau avant"
username-gr                 "Symbol Bahnübergang voraus"
username-nl                 "pictogram cijferovergang vooruit"
username-ru                 "значок пересекает"

description                 "Icon representing an approaching grade crossing. Designed for message popups. It will appear as a Texture Asset in the Message Popup Icon list."
username-c2                 "代表一个接近的平交路口的象。专为消息弹出窗口而设计。它将在“消息弹出图标”列表中显示为“纹理资产”。"
username-es                 "Icono que representa un cruce de pendiente que se aproxima. Diseñado para mensajes emergentes. Aparecerá como un activo de textura en la lista de iconos emergentes de mensajes."
username-fr                 "Icône représentant un passage à niveau approchant. Conçu pour les popups de message. Il apparaîtra comme un actif de texture dans la liste des icônes de message contextuel."
username-gr                 "Symbol für einen sich nähernden Bahnübergang. Entwickelt für Nachrichten-Popups. Es wird als Textur-Asset in der Liste der Nachrichten-Popup-Symbole angezeigt."
username-nl                 "Pictogram dat een naderende helling aangeeft. Ontworpen voor berichtpop-ups. Het verschijnt als een textuurelement in de lijst met pop-uppictogrammen voor berichten."
username-ru                 "Значок, представляющий приближающийся уклон. Предназначен для всплывающих сообщений. Он появится как текстурный актив в списке всплывающих значков сообщений."
Translations to Chinese (simplified), Spanish, French, German, Dutch and Russian, perfect or not, were provided by Google Translate.
Top

The Icon Image

DotPoint.JPG You will need image editing software to create the icon image or to change an existing image to the required dimensions and format.


Texture64Pixels.PNG
(not to scale)

Gears.PNG Settings:

The image must meet the following specifications:-

  • 64 pixels wide and 64 pixels tall
  • bit depth should be 24 (no alpha channel or transparency) or 32 (if an alpha channel is used)
  • image file format can be any of:-
    • bmp
    • jpg (jpg does not support transparency)
    • png
    • tga (tga compression should not be used)


PencilTips.PNG If your image will have a transparency, such as a transparent background, it is usually a lot easier to save the image in a format that supports an alpha channel (bmp, png or tga) and either
  • convert the background to a transparency or
  • remove the background and add a transparent layer to the image as its background
than it is to use a format that does not support an alpha channel and have to create a second image for the alpha channel. See PageLink.PNG The Texture File below.
Top

The Texture File

DotPoint.JPG The .texture.txt file controls how an image icon is displayed, particularly its Alpha Channel (or transparency) data. The file must be present even if no transparency is used in the icon.



Gears.PNG Settings:
  • the Texture File is a standard text file
  • the filename is composed of:-
    • a user selected asset_name followed by a period (.)
    • the word texture followed by a period (.)
    • the letters txt


A sample Texture File, "ashpit.texture.txt", is shown below:-

primary=ashpit.jpg
alpha=ashpit.bmp
tile=st

Gears.PNG Settings:
  • primary - this is the name of the icon image file that contains the RGB colour image. Any alpha channel in this file will be ignored
  • alpha - this is the name of the icon image file that contains the Alpha Channel (transparency) image (see Notes: below)
  • tile=st - instructs Trainz to tile the image both horizontally and vertically. This has no effect on the icon in a message popup window but must be included for validation purposes
No "white spaces" between the text characters is allowed.

NotePad.PNG Notes:

There are 3 general "scenarios" for the structure of the Texture File in a Texture Non Environmental asset.

DotPoint1Blue.png If the icon has a transparency (an alpha channel) and is saved in a format that supports the alpha channel

Then:-

primary=ashpit.tga
alpha=ashpit.tga
tile=st

  • the primary and alpha images are the same file, as in the example shown left
  • the image must contain both the RGB colour data and the Alpha Channel (transparency) data (it must have a depth of 32 bits)
DotPoint2Blue.png If the icon needs to have transparency (an alpha channel) but an alpha channel is not available (e.g. it is saved in the jpg file format) or is not suitable

Then:-

primary=ashpit.jpg
alpha=ashpit_alpha.jpg
tile=st
  • two different files (different file names or different image file formats) must be used as in the example shown left
  • both images must be the same size (64 pixels x 64 pixels)
  • both images must have a depth of 24 bits - so no alpha channel must be present in either image
  • the alpha image file should be a greyscale image or even just black and white
DotPoint3Blue.png If the icon image does not have a transparency and no alpha channel is needed

Then:-

primary=ashpit.tga
tile=st

  • the alpha= line in the .texture.txt file is not needed, as in the example shown left
  • the primary file contains the RGB colour data and can be in any supported image format. If it also has alpha channel data then that data it will be ignored so the icon will be shown without any transparency

Image file formats supported by Trainz that have an alpha channel are:-

  • bmp
  • png
  • tga

Image file formats supported by Trainz that DO NOT have an alpha channel are:-

  • jpg


LinkWiki.PNG A detailed description of the .texture file format can be found on the Trainz Wiki Page at:-
Top

Using the Asset

Once the new asset has been committed it will be available for use in a Message Popup Rule. It will appear as a Texture Asset in the rule icon list.

TextureAssetList.PNG

Steps.PNG Steps:

In the WikiLink.PNG Session Editor add a WikiLink.PNG Message Popup Rule and open it for editing.

  1. Select PortalOptionButtonFilled.PNG Custom Text
  2. Click the icon link Click here to set
  3. Scroll through the list of Texture Icons
  4. Select the required icon
  5. Click the Tick.PNG icon to accept the selection

Top


Trainz Wiki

TrainzWiki.png

More Tutorials and Guides to Using Trainz


This page was created by Trainz user pware in August 2018 and was last updated as shown below.


Personal tools