2.352
Bearbeitungen
Änderungen
Map
,Die Seite wurde neu angelegt: „Das AOQML-Tag <map> legt eine [http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm Imagemap] an. Somit können Questlinks auf einem Bild abgelegt …“
Das AOQML-Tag <map> legt eine [http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm Imagemap] an. Somit können Questlinks auf einem Bild abgelegt werden.
== Syntax ==
<code xml n>
<map src="" [width=""] [height=""]>
<go target="" coords="">...</go>
</map>
</code>
map-Tag:
* '''src''': erwartet eine URL zum Bild, z.B. 'bilder/dungeons/Weinkeller.png'
* '''width''': Falls das Bild kleiner angezeigt werden soll, kann hier die gewünschte Breite angegeben werden (als Zahlenwert).
* '''height''': Falls das Bild kleiner angezeigt werden soll, kann hier die gewünschte Höhe angegeben werden (als Zahlenwert).
go-Tag:
* '''target''': Der Name der verlinkten Szene
* '''coords''': Es werden vier Zahlen angegeben, die ein Viereck definieren, z.B. '180,60,265,160'. Dabei bedeuten:<br />
:x1 = linke obere Ecke, Pixel von links<br />
:y1 = linke obere Ecke, Pixel von oben<br />
:x2 = rechte untere Ecke, Pixel von links<br />
:y2 = rechte untere Ecke, Pixel von oben<br />
Innerhalb der umschließenden Klammern von <go>...</go> wird der anzuzeigende Tooltip spezifiziert.
== Beispiel ==
Der folgende Code
<code xml n>
<map src="bilder/dungeons/Weinkeller.png">
<go target="truhe" coords="388,215,440,265">Truhe ansehen</go>
<go target="tisch" coords="288,160,350,218">Tisch ansehen</go>
<go target="ausgang" coords="180,60,265,160">Keller verlassen</go>
</map>
</code>
erzeugt folgende Ausgabe<br />
(die Maus fährt dabei gerade über den Tisch, deshalb wird dort der Tooltip angezeigt):<br />
[[Bild:Imagemap-example.jpg]]
== Beispielquest ==
Eine Beispielquest, bei der eine Imagemap verwendet wird (in der Szene ''keller.xml''), kann hier heruntergeladen werden: [[File:Weinkeller.zip]]
[[Kategorie:AOQML-Tags]]
[[Kategorie:AOQML]]
== Syntax ==
<code xml n>
<map src="" [width=""] [height=""]>
<go target="" coords="">...</go>
</map>
</code>
map-Tag:
* '''src''': erwartet eine URL zum Bild, z.B. 'bilder/dungeons/Weinkeller.png'
* '''width''': Falls das Bild kleiner angezeigt werden soll, kann hier die gewünschte Breite angegeben werden (als Zahlenwert).
* '''height''': Falls das Bild kleiner angezeigt werden soll, kann hier die gewünschte Höhe angegeben werden (als Zahlenwert).
go-Tag:
* '''target''': Der Name der verlinkten Szene
* '''coords''': Es werden vier Zahlen angegeben, die ein Viereck definieren, z.B. '180,60,265,160'. Dabei bedeuten:<br />
:x1 = linke obere Ecke, Pixel von links<br />
:y1 = linke obere Ecke, Pixel von oben<br />
:x2 = rechte untere Ecke, Pixel von links<br />
:y2 = rechte untere Ecke, Pixel von oben<br />
Innerhalb der umschließenden Klammern von <go>...</go> wird der anzuzeigende Tooltip spezifiziert.
== Beispiel ==
Der folgende Code
<code xml n>
<map src="bilder/dungeons/Weinkeller.png">
<go target="truhe" coords="388,215,440,265">Truhe ansehen</go>
<go target="tisch" coords="288,160,350,218">Tisch ansehen</go>
<go target="ausgang" coords="180,60,265,160">Keller verlassen</go>
</map>
</code>
erzeugt folgende Ausgabe<br />
(die Maus fährt dabei gerade über den Tisch, deshalb wird dort der Tooltip angezeigt):<br />
[[Bild:Imagemap-example.jpg]]
== Beispielquest ==
Eine Beispielquest, bei der eine Imagemap verwendet wird (in der Szene ''keller.xml''), kann hier heruntergeladen werden: [[File:Weinkeller.zip]]
[[Kategorie:AOQML-Tags]]
[[Kategorie:AOQML]]
