Änderungen

Wechseln zu: Navigation, Suche

Map

751 Bytes hinzugefügt, 14:33, 2. Mai 2014
keine Bearbeitungszusammenfassung
== Syntax ==
<code xml n>
<map src="" [width=""] [height=""] [style=""]>
<go target="" coords="">...</go>
[<info coords="">...</info>]
</map>
</code>
 
Mittels '''map''' legt man grundsätzlich den Bildbereich fest. Mit Hilfe der '''go'''-Tags gibt man die klickbaren Bereiche an, die zu anderen AOQML-Szenen führen. Mit Hilfe von '''info'''-Tags kann man, wenn gewünscht, Bereich festlegen, bei denen ein Tooltip erscheint, die aber nicht zu einer anderen AOQML-Szene führen.
map-Tag:
:y2 = rechte untere Ecke, Pixel von oben<br />
Wenn man kein '''Rechteck''', sondern ein '''Vieleck''' für den Klickbereich definieren will, kann man auch mehr als vier Zahlen in ''coords'' angeben: x1,y1,x2,y2 ... xn,yn. Es können beliebig viele Ecken angegeben werden. Von der letzten definierten Ecke muss man sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.
 
Innerhalb der umschließenden Klammern von <go>...</go> wird der anzuzeigende Tooltip spezifiziert.
Wenn zwei oder mehr Felder, die durch <go> gebildet werden, übereinander liegen, wird jeweils die im Code oben stehende Zeile wirksam. Wenn man auf einer Imagemap beispielsweise einen Link "verstecken" möchte kann man zuunterst einen go-Tag definieren, der das ganze Bild abdeckt, aber zu einer ungünstigen oder wertlosen Szene führt. Lediglich die darüber angeordneten Felder führen zu den interessanten Szenen.
Der folgende Code
<code xml n>
<map src="bilder/dungeons/Weinkeller.png">
<go target="truhe" coords="388,215,440,265">Truhe ansehen</go>
(die Maus fährt dabei gerade über den Tisch, deshalb wird dort der Tooltip angezeigt):<br />
[[Bild:Imagemap-example.jpg]]
 
 
== Beispiel 2: Info-Tag ==
<code xml>
<map src="bilder/dungeons/Weinkeller.png">
<go target="truhe" coords="388,215,440,265">Truhe ansehen</go>
<go target="ausgang" coords="180,60,265,160">Keller verlassen</go>
<info coords="288,160,350,218">Der Tisch ist leer.</info>
</map>
</code>
Im Unterschied zu Beispiel 1 ist hier der Tisch nicht "klickbar", d.h. es wird keine separate AOQML-Szene aufgerufen, sondern beim Drüberfahren mit der Maus erscheint der Tooltip "Der Tisch ist leer.".
 
== Beispielquest ==

Navigationsmenü