From ManiaPlanet Wiki
Jump to: navigation, search


The structure of Manialinks

This is the structure of a Manialink

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<manialink version="1">
<label text="Hello World!" />

This allow to tell which version of the xml that we use and the encoding format. In ManiaPlanet, we use UTF-8 because it allows to take into consideration specials characters.
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>

This means that we begin a ManiaLink page with the version 1. The version 1 fit with ManiaPlanet convention. It's possible to not indicate the version or version="0" but in that case, it will be the norm of TrackMania Forever. In the next part of this tutorial, we will use only the version 1.
<manialink version="1">

This line allow to write a text. In that case, it'll be written Hello World. As there is no parameters added in this line, the text wil lbe centered in height and the letter "H" will be centered on the width.

<label text="Hello World!" />

This means that we'll finish our ManiaLink page.

The coordinates

Let see now the cooordinates to place the elements on our page.

The version 1 of Manialink are here to fit on 16:9 screens. The coordinates in X go to -160 to 160, in Y to -90 to 90 and on Z to -75 to 75.

To place an element, you have only to add posn="X Y Z" in a marker. X, Y and Z are the coordinates on X, Y and Z.

For the size of a element, you have only to add sizen="X Y" in a marker. X and Y are the size on X and on Y.

It's possible to align an element to related to the coordinates given with <halign> in horizontal or <vhalign> in vertical and in adding either center, left, right for halign and top, center,bottom for vhalign. this can be useful for texts and then to center them in a block.

It is advisable to use the new standard in ManiaPlanet.

The common functions

We will now learn the new common functions. There is more but it will for a more elaborate tutorial.

<frame> : a frame is a set of elements that we stick together with the tag <frame>. A frame is a non-visible element but we can move the ensemble of the frame at the same time, which will allow to earn some time to place the elements to one from each other.

In our example, the first quad is placed at the location X=10, Y=10 et Z=0. The second one is placed at X=-10, Y=0 and Z=0 in comparaison to the frame, so en X=0, Y=10 abd Z=0 in absolute position.

<frame posn="10 10 0"> 
<quad sizen="10 10" bgcolor="F00A" />
<quad posn="-10 0 0" sizen="10 10" bgcolor="00FA" />

<quad> : allow to insert an element as a picture, a block with a background or a ManiaPlanet element which are available on the ManiaLink "exemple".

In our example, we display a rectangle of 10x10 with a blue background. For the color code, this is in hexadecimal, this is working like the username in the game and the fourth character match with 0 without transparency and F entirely transparent.
<quad posn="-10 0 0" sizen="10 10" bgcolor="00FA" />

<label> : allow to display text with differents styles which are available on the ManiaLink « exemple ».

<audio> : allow to put an audio file on a ManiaLink with a button or to stop the music. play="1" means that the song will be loaded, else to have to put 0. looping="0" signifie que la musique ne recommencera pas à la fin, sinon il faut mettre 1.

<audio data="./audio.ogg" play="1" looping="0" />

<music> : allow to put an audio file but without that the visitor can lstart or stop the music, it will be launched automatically in background after the loading. Only ogg files or mux are accepted. The line must be outside of <frame>.

<music data="./music.ogg" />

<include> : allow to insert a xml file.

<include url="./page.xml" />

Concret example

Content of the file example.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<manialink version="1">
<include url="./background.xml"/>
<quad posn="-80 45 1" sizen="160 90" style="Bgs1" substyle="BgWindow" />
<quad posn="-70 44 2" sizen="140 12" style="Bgs1" substyle="BgWindow2" />
<label posn="0 40 3" halign="center" text="$w$f00Bienvenue sur notre page de test" />
<label posn="0 30 2" halign="center" text="$h[Exemple]Voici un lien manialink$h" />
<label posn="0 20 2" halign="center" text="$l[]Voici un lien url vers le site$l" />
<label posn="0 0 2" halign="center" style="CardButtonMedium" text="Maniacode" manialink="Lien vers un maniacode" />

Content of the file background.xml

<quad posn="-160 90 0" sizen="320 180" image="./background.jpg"/>

This is the result

Tutoriel manialink.jpg

You can download all the file here

Personal tools
In other languages