<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://zapf.wiki/index.php?action=history&amp;feed=atom&amp;title=Workadventure</id>
	<title>Workadventure - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://zapf.wiki/index.php?action=history&amp;feed=atom&amp;title=Workadventure"/>
	<link rel="alternate" type="text/html" href="https://zapf.wiki/index.php?title=Workadventure&amp;action=history"/>
	<updated>2026-05-04T19:29:30Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in ZaPFWiki</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://zapf.wiki/index.php?title=Workadventure&amp;diff=28977&amp;oldid=prev</id>
		<title>Chrisb (ZaPF-Auth): Text formatiert mit Überschriften</title>
		<link rel="alternate" type="text/html" href="https://zapf.wiki/index.php?title=Workadventure&amp;diff=28977&amp;oldid=prev"/>
		<updated>2022-01-16T12:20:45Z</updated>

		<summary type="html">&lt;p&gt;Text formatiert mit Überschriften&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 16. Januar 2022, 14:20 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= Work Adventure =&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Workadventure-Karte ist eine zweidimensionale Spielumgebung, die selber und individuell erstellt und mit Features gebaut werden kann und z.B. für Konferenzen oder ZaPF-Treffen genutzt werden kann. Auf der Karte können Spieler mit einander per Chat und Video interagieren (bis zu 3 auf einmal, gibt sonst noch Jitsu-Räume die aber extra in die Karte implementiert werden müssen für bis zu 15 Spieler) können.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Workadventure-Karte ist eine zweidimensionale Spielumgebung, die selber und individuell erstellt und mit Features gebaut werden kann und z.B. für Konferenzen oder ZaPF-Treffen genutzt werden kann. Auf der Karte können Spieler mit einander per Chat und Video interagieren (bis zu 3 auf einmal, gibt sonst noch Jitsu-Räume die aber extra in die Karte implementiert werden müssen für bis zu 15 Spieler) können.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Erstellt werden die Karten mit der Software „Tiled“. Der allgemeine Aufbau der Karten (Spielwelt) ist das man unterschiedliche Blöcke (sog. Tiles) hat die man in einem Raster anordnet (Vgl. Minecraft nur in 2D). Diese &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Blöcken &lt;/del&gt;werden Tiles genannt und meistens als Tilesets &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zusammen mit &lt;/del&gt;8x8 Tiles &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Zusammengefasst&lt;/del&gt;. Dabei handelt es sich um &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;einfach &lt;/del&gt;Bilddateien (PNG) die &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;auf &lt;/del&gt;256x256 Pixel groß sind &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-&amp;gt; 1 Tiled &lt;/del&gt;(Block) ist demnach 32x32 Pixel groß. Diese Bilddateien können nach belieben selber mit einem Grafikprogramm erstellt werden, gibt jedoch auch viele kostenfreie und kostenpflichtige Tilesets zu diversen Themen im Internet. Bei größeren Strukturen ist es auch möglich einen Gegenstand auf &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mehrer &lt;/del&gt;Tiles aufzuteilen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== Aufbau ==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Erstellt werden die Karten mit der Software „Tiled“. Der allgemeine Aufbau der Karten (Spielwelt) ist&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;das man unterschiedliche Blöcke (sog. Tiles) hat&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;die man in einem Raster anordnet (Vgl. Minecraft nur in 2D). Diese &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Blöcke &lt;/ins&gt;werden Tiles genannt und meistens als Tilesets &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;aus &lt;/ins&gt;8x8 Tiles &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zusammengefasst&lt;/ins&gt;. Dabei handelt es sich um &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;einfache &lt;/ins&gt;Bilddateien (PNG)&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;die 256x256 Pixel groß sind&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Ein Tile &lt;/ins&gt;(Block) ist demnach 32x32 Pixel groß. Diese Bilddateien können nach belieben selber mit einem Grafikprogramm erstellt werden, gibt jedoch auch viele kostenfreie und kostenpflichtige Tilesets zu diversen Themen im Internet. Bei größeren Strukturen ist es auch möglich einen Gegenstand auf &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mehrere &lt;/ins&gt;Tiles aufzuteilen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Aus den Tiles werden nun Karten erstellt indem die Tiles in einem vorgegeben Raster angeordnet werden. Damit können dann Landschaften, Gebäude etc. erstellt werden. Die Software „Tiled“ ermöglicht es, mehrere „Layer“ zu erstellen, also unterschiedliche Ebenen in denen Blöcke auch über einander gesetzt werden können (etwa einen überwiegend transparenten „Tassen-Block“ auf einen „Tisch-Block“) und ermöglicht die Strukturierung von Karten beim Erstellen (z.B. bei Gebäuden in einer Ebene Wände, in einer anderen Dekoration etc.)&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Aus den Tiles werden nun Karten erstellt indem die Tiles in einem vorgegeben Raster angeordnet werden und damit Landschaften, Gebäude etc erstellt werden können. Die Software „Tiled“ ermöglicht mehrer „Layer“ zu erstellen, also unterschiedliche Ebenen in denen Blöcke auch über einander gesetzt werden können (z.B.ein „Tassen-Block“ der überwiegend Transparent auf einen „Tisch-Block“ und ermöglicht die Strukturierung von Karten beim erstellen (z.B. bei Gebäuden in einer Ebene Wände, in einer anderen Dekoration, etc)&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== Layer ==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Notwendige Layer:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Notwendige Layer:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Zwingend erforderliche Layer: „startlayer“ Auf allen Blöcken die dort gesetzt werden ist es möglich zu starten, wenn die Karte betretet wird (mindestens ein Block muss dafür existieren). Bei mehreren Blöcken wird jedesmal zufällig ein Startpunkt gewählt&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Zwingend erforderliche Layer: „startlayer“ Auf allen Blöcken&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;die dort gesetzt werden&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;ist es möglich zu starten, wenn die Karte betretet wird (mindestens ein Block muss dafür existieren). Bei mehreren Blöcken wird jedesmal zufällig ein Startpunkt gewählt&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* „floorLayer“ die vom Typ Object Layer (kein Rastersymbol sondern geometrische Figuren) sein muss&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, auf &lt;/del&gt;dieser Ebene bewegt sich der Spieler, die anderen Layer sind nur Optik. Optik-Layer die unter der „floor-Layer“ sind darauf läuft der Spieler, wenn die Optik-Layer über der „floor-Layer“ sind läuft der Spieler unter durch (wird unsichtbar) -&amp;gt; kann man für Brücken/Türrahmen/Bäume etc nutzen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* „floorLayer“ die vom Typ Object Layer (kein Rastersymbol&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;sondern geometrische Figuren) sein muss&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Auf &lt;/ins&gt;dieser Ebene bewegt sich der Spieler, die anderen Layer sind nur Optik. Optik-Layer&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;die unter der „floor-Layer“ sind darauf läuft der Spieler, wenn die Optik-Layer über der „floor-Layer“ sind läuft der Spieler unter durch (wird unsichtbar) -&amp;gt; kann man für Brücken/Türrahmen/Bäume etc nutzen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Layer und benutzerdefinierte &lt;/del&gt;Eigenschaften (Custom properties)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== zusätzliche &lt;/ins&gt;Eigenschaften (Custom properties) &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den Layer können bestimmte Eigenschaften zugeordnet werden - diese gelten dann für alle Blöcke die in &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;dieser &lt;/del&gt;Layer gesetzt werden. Rechtsklick auf den Layer&amp;gt;Layer properties und dann im neuen Fenster Rechtsklick und „add &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;propertie“&lt;/del&gt;. Hier muss der Befehl und der Typ festgelegt werden. Nach dem erstellen taucht diese in der Liste auf und muss entsprechend noch mit Informationen gefüllt werden. Die Dokumentation davon ist sehr mangelhaft &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;hier &lt;/del&gt;sind die Basics:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den Layer können bestimmte Eigenschaften zugeordnet werden - diese gelten dann für alle Blöcke&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;die in &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;diesem &lt;/ins&gt;Layer gesetzt werden. Rechtsklick auf den Layer &amp;gt; Layer properties und dann im neuen Fenster Rechtsklick und „add &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;property“&lt;/ins&gt;. Hier muss der Befehl und der Typ festgelegt werden. Nach dem erstellen taucht diese in der Liste auf und muss entsprechend noch mit Informationen gefüllt werden. Die Dokumentation davon ist sehr mangelhaft&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Hier &lt;/ins&gt;sind die Basics:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* openWebsite (string) —&amp;gt; öffnet Website, in die Informationszeile muss die URL eingetragen werden (bei YouTube muss es embed-Link sein). Webseite kann quasi alles sein, Bilder die man hochgeladen hat, YT-Videos, ZaPF-Webseite, BBB- Raum/Zoom, etc&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* openWebsite (string) —&amp;gt; öffnet Website, in die Informationszeile muss die URL eingetragen werden (bei YouTube muss es embed-Link sein). Webseite kann quasi alles sein, Bilder die man hochgeladen hat, YT-Videos, ZaPF-Webseite, BBB- Raum/Zoom, etc&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* openWebsiteTrigger (string) -&amp;gt; „auf onaction“ stellen. Führt dazu dass die Webseite direkt geöffnet wird und kein Popupfenster vorher auftaucht. Nur in Kombination mit openWebsite sinnvoll&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* openWebsiteTrigger (string) -&amp;gt; „auf onaction“ stellen. Führt dazu dass die Webseite direkt geöffnet wird und kein Popupfenster vorher auftaucht. Nur in Kombination mit openWebsite sinnvoll&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l21&quot;&gt;Zeile 21:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 27:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* jitsiRoom (string) —&amp;gt; eindeutiger Name (keine Doppelungen) sind interne Jitsu-Räume für bis 15 Spieler&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* jitsiRoom (string) —&amp;gt; eindeutiger Name (keine Doppelungen) sind interne Jitsu-Räume für bis 15 Spieler&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Layer kann mehre Eigenschaften haben (nicht jede Kombination natürlich sinnvoll) Aufpassen dass Start und Exit nicht an der gleichen Stelle sind, sonst wird der spieler endlos durch Karten geschickt.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Layer kann mehre Eigenschaften haben (nicht jede Kombination natürlich sinnvoll) Aufpassen&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;dass Start und Exit nicht an der gleichen Stelle sind, sonst wird der spieler endlos durch Karten geschickt.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Zwei Eigenschaft sind leider jedoch an Tiles geknüpft und nicht an einen Layer. Das bedeutet das der Tiles, egal in welchem Layer genutzt diese Eigenschaft besetzt. Zum hinzufügen ein Tileset auswählen und unten auf das Symbol mit dem Maulschlüssel klicken. Wie bei den Layern unter Properties Rechtsklick&amp;gt;Add propertie. Die beiden wichtigen Befehle sind:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Zwei Eigenschaft sind leider jedoch an Tiles geknüpft und nicht an einen Layer. Das bedeutet das der Tiles, egal in welchem Layer genutzt diese Eigenschaft besetzt. Zum hinzufügen ein Tileset auswählen und unten auf das Symbol mit dem Maulschlüssel klicken. Wie bei den Layern unter Properties Rechtsklick&amp;gt;Add propertie. Die beiden wichtigen Befehle sind:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Chrisb (ZaPF-Auth)</name></author>
	</entry>
	<entry>
		<id>https://zapf.wiki/index.php?title=Workadventure&amp;diff=28976&amp;oldid=prev</id>
		<title>Chrisb (ZaPF-Auth) am 16. Januar 2022 um 12:05 Uhr</title>
		<link rel="alternate" type="text/html" href="https://zapf.wiki/index.php?title=Workadventure&amp;diff=28976&amp;oldid=prev"/>
		<updated>2022-01-16T12:05:43Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 16. Januar 2022, 14:05 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Workadventure-Karte ist eine zweidimensionale Spielumgebung, die selber und individuell erstellt und mit Features gebaut werden kann und z.B. für Konferenzen oder ZaPF-Treffen genutzt werden kann. Auf der Karte können Spieler mit einander per Chat und Video interagieren (bis zu 3 auf einmal, gibt sonst noch Jitsu-Räume die aber extra in die Karte implementiert werden müssen für bis zu 15 Spieler) können.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Workadventure-Karte ist eine zweidimensionale Spielumgebung, die selber und individuell erstellt und mit Features gebaut werden kann und z.B. für Konferenzen oder ZaPF-Treffen genutzt werden kann. Auf der Karte können Spieler mit einander per Chat und Video interagieren (bis zu 3 auf einmal, gibt sonst noch Jitsu-Räume die aber extra in die Karte implementiert werden müssen für bis zu 15 Spieler) können.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Erstellt werden die Karten mit der Software „Tiled“. Der allgemeine Aufbau der Karten (Spielwelt) ist das man unterschiedliche Blöcke (sog. Tiles) hat die man in einem Raster anordnet (Vgl. Minecraft nur in 2D). Diese Blöcken werden Tiles genannt und meistens als Tilesets zusammen mit 8x8 Tiles Zusammengefasst. Dabei handelt es sich um einfach Bilddateien (PNG) die auf 256x256 Pixel groß sind -&amp;gt; 1 Tiled (Block) ist demnach 32x32 Pixel groß. Diese Bilddateien können nach belieben selber mit einem Grafikprogramm erstellt werden, gibt jedoch auch viele kostenfreie und kostenpflichtige Tilesets zu diversen Themen im Internet. Bei größeren Strukturen ist es auch möglich einen Gegenstand auf mehrer Tiles aufzuteilen&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Erstellt werden die Karten mit der Software „Tiled“. Der allgemeine Aufbau der Karten (Spielwelt) ist das man unterschiedliche Blöcke (sog. Tiles) hat die man in einem Raster anordnet (Vgl. Minecraft nur in 2D). Diese Blöcken werden Tiles genannt und meistens als Tilesets zusammen mit 8x8 Tiles Zusammengefasst. Dabei handelt es sich um einfach Bilddateien (PNG) die auf 256x256 Pixel groß sind -&amp;gt; 1 Tiled (Block) ist demnach 32x32 Pixel groß. Diese Bilddateien können nach belieben selber mit einem Grafikprogramm erstellt werden, gibt jedoch auch viele kostenfreie und kostenpflichtige Tilesets zu diversen Themen im Internet. Bei größeren Strukturen ist es auch möglich einen Gegenstand auf mehrer Tiles aufzuteilen&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Aus den Tiles werden nun Karten erstellt indem die Tiles in einem vorgegeben Raster angeordnet werden und damit Landschaften, Gebäude etc erstellt werden können. Die Software „Tiled“ ermöglicht mehrer „Layer“ zu erstellen, also unterschiedliche Ebenen in denen Blöcke auch über einander gesetzt werden können (z.B.ein „Tassen-Block“ der überwiegend Transparent auf einen „Tisch-Block“ und ermöglicht die Strukturierung von Karten beim erstellen (z.B. bei Gebäuden in einer Ebene Wände, in einer anderen Dekoration, etc)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Aus den Tiles werden nun Karten erstellt indem die Tiles in einem vorgegeben Raster angeordnet werden und damit Landschaften, Gebäude etc erstellt werden können. Die Software „Tiled“ ermöglicht mehrer „Layer“ zu erstellen, also unterschiedliche Ebenen in denen Blöcke auch über einander gesetzt werden können (z.B.ein „Tassen-Block“ der überwiegend Transparent auf einen „Tisch-Block“ und ermöglicht die Strukturierung von Karten beim erstellen (z.B. bei Gebäuden in einer Ebene Wände, in einer anderen Dekoration, etc)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Notwendiger &lt;/del&gt;Layer:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;Zwingend erforderliche Layer: „startlayer“ Auf allen Blöcken die dort gesetzt werden ist es möglich zu starten, wenn die Karte betretet wird (mindestens ein Block muss dafür existieren). Bei mehreren Blöcken wird jedesmal zufällig ein Startpunkt gewählt&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Notwendige &lt;/ins&gt;Layer:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;„floorLayer“ die vom Typ Object Layer (kein Rastersymbol sondern geometrische Figuren) sein muss, auf dieser Ebene bewegt sich der Spieler, die anderen Layer sind nur Optik. Optik-Layer die unter der „floor-Layer“ sind darauf läuft der Spieler, wenn die Optik-Layer über der „floor-Layer“ sind läuft der Spieler unter durch (wird unsichtbar) -&amp;gt; kann man für Brücken/Türrahmen/Bäume etc nutzen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;Zwingend erforderliche Layer: „startlayer“ Auf allen Blöcken die dort gesetzt werden ist es möglich zu starten, wenn die Karte betretet wird (mindestens ein Block muss dafür existieren). Bei mehreren Blöcken wird jedesmal zufällig ein Startpunkt gewählt&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;„floorLayer“ die vom Typ Object Layer (kein Rastersymbol sondern geometrische Figuren) sein muss, auf dieser Ebene bewegt sich der Spieler, die anderen Layer sind nur Optik. Optik-Layer die unter der „floor-Layer“ sind darauf läuft der Spieler, wenn die Optik-Layer über der „floor-Layer“ sind läuft der Spieler unter durch (wird unsichtbar) -&amp;gt; kann man für Brücken/Türrahmen/Bäume etc nutzen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Layer und benutzerdefinierte Eigenschaften (Custom properties)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Layer und benutzerdefinierte Eigenschaften (Custom properties)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den Layer können bestimmte Eigenschaften zugeordnet werden - diese gelten dann für alle Blöcke die in dieser Layer gesetzt werden. Rechtsklick auf den Layer&amp;gt;Layer properties und dann im neuen Fenster Rechtsklick und „add propertie“. Hier muss der Befehl und der Typ festgelegt werden. Nach dem erstellen taucht diese in der Liste auf und muss entsprechend noch mit Informationen gefüllt werden. Die Dokumentation davon ist sehr mangelhaft hier sind die Basics:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den Layer können bestimmte Eigenschaften zugeordnet werden - diese gelten dann für alle Blöcke die in dieser Layer gesetzt werden. Rechtsklick auf den Layer&amp;gt;Layer properties und dann im neuen Fenster Rechtsklick und „add propertie“. Hier muss der Befehl und der Typ festgelegt werden. Nach dem erstellen taucht diese in der Liste auf und muss entsprechend noch mit Informationen gefüllt werden. Die Dokumentation davon ist sehr mangelhaft hier sind die Basics:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;openWebsite (string) —&amp;gt; öffnet Website, in die Informationszeile muss die URL eingetragen werden (bei YouTube muss es embed-Link sein). Webseite kann quasi alles sein, Bilder die man hochgeladen hat, YT-Videos, ZaPF-Webseite, BBB- Raum/Zoom, etc&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;openWebsite (string) —&amp;gt; öffnet Website, in die Informationszeile muss die URL eingetragen werden (bei YouTube muss es embed-Link sein). Webseite kann quasi alles sein, Bilder die man hochgeladen hat, YT-Videos, ZaPF-Webseite, BBB- Raum/Zoom, etc&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;openWebsiteTrigger (string) -&amp;gt; „auf onaction“ stellen. Führt dazu dass die Webseite direkt geöffnet wird und kein Popupfenster vorher auftaucht. Nur in Kombination mit openWebsite sinnvoll&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;openWebsiteTrigger (string) -&amp;gt; „auf onaction“ stellen. Führt dazu dass die Webseite direkt geöffnet wird und kein Popupfenster vorher auftaucht. Nur in Kombination mit openWebsite sinnvoll&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;openWebsiteTriggerMessage (string) -&amp;gt; Bsp.: Klicke hier oder drücke die Leertaste um das Bild zu öffnen! Ist das Gegenteil von openWebsiteTrigger, hier kann eine Beliebige PopUp-Nachricht eingegeben werden&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;openWebsiteTriggerMessage (string) -&amp;gt; Bsp.: Klicke hier oder drücke die Leertaste um das Bild zu öffnen! Ist das Gegenteil von openWebsiteTrigger, hier kann eine Beliebige PopUp-Nachricht eingegeben werden&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;openWebsiteAllowApi (bool) —&amp;gt; mit Webseiten kombinieren (weiß nicht mehr genau wozu es war)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;openWebsiteAllowApi (bool) —&amp;gt; mit Webseiten kombinieren (weiß nicht mehr genau wozu es war)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;exitUrl (string) -&amp;gt; URL vom Zielobjekt angeben (Wenn man Karten verbindet dann ist dieser Befehl in der Startposition einzutragen und verweist wohin der Spieler geschickt werde soll, also die URL vom Zielobjekt (Karte) angeben)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;exitUrl (string) -&amp;gt; URL vom Zielobjekt angeben (Wenn man Karten verbindet dann ist dieser Befehl in der Startposition einzutragen und verweist wohin der Spieler geschickt werde soll, also die URL vom Zielobjekt (Karte) angeben)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;startLayer (bool) -&amp;gt; muss in der Zielkarte sein wohin der Spieler mit exitURL geschickt wurde und dann erscheinen soll&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;startLayer (bool) -&amp;gt; muss in der Zielkarte sein wohin der Spieler mit exitURL geschickt wurde und dann erscheinen soll&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;playAudio (string) -&amp;gt; Um Audio-Daten einzubinden muss der Pfad wo die Musikdatei liegt eingetragen werden&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;playAudio (string) -&amp;gt; Um Audio-Daten einzubinden muss der Pfad wo die Musikdatei liegt eingetragen werden&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;audioLoop (bool) —&amp;gt; muss auf true sein, dann wird Musikdatei in einer Endlosschleife abgespielt&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;audioLoop (bool) —&amp;gt; muss auf true sein, dann wird Musikdatei in einer Endlosschleife abgespielt&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;jitsiRoom (string) —&amp;gt; eindeutiger Name (keine Doppelungen) sind interne Jitsu-Räume für bis 15 Spieler&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;jitsiRoom (string) —&amp;gt; eindeutiger Name (keine Doppelungen) sind interne Jitsu-Räume für bis 15 Spieler&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Layer kann mehre Eigenschaften haben (nicht jede Kombination natürlich sinnvoll) Aufpassen dass Start und Exit nicht an der gleichen Stelle sind, sonst wird der spieler endlos durch Karten geschickt.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Eine Layer kann mehre Eigenschaften haben (nicht jede Kombination natürlich sinnvoll) Aufpassen dass Start und Exit nicht an der gleichen Stelle sind, sonst wird der spieler endlos durch Karten geschickt.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Zwei Eigenschaft sind leider jedoch an Tiles geknüpft und nicht an einen Layer. Das bedeutet das der Tiles, egal in welchem Layer genutzt diese Eigenschaft besetzt. Zum hinzufügen ein Tileset auswählen und unten auf das Symbol mit dem Maulschlüssel klicken. Wie bei den Layern unter Properties Rechtsklick&amp;gt;Add propertie. Die beiden wichtigen Befehle sind:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Zwei Eigenschaft sind leider jedoch an Tiles geknüpft und nicht an einen Layer. Das bedeutet das der Tiles, egal in welchem Layer genutzt diese Eigenschaft besetzt. Zum hinzufügen ein Tileset auswählen und unten auf das Symbol mit dem Maulschlüssel klicken. Wie bei den Layern unter Properties Rechtsklick&amp;gt;Add propertie. Die beiden wichtigen Befehle sind:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;collides (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich dass der Spieler diese Blöcke betritt und hindurchläuft, das ermöglicht z.B. Wände, Absprerrungen etc zu gestalten&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;collides (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich dass der Spieler diese Blöcke betritt und hindurchläuft, das ermöglicht z.B. Wände, Absprerrungen etc zu gestalten&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;silent (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich, dass ein Spieler mit anderen Spielern per Video kommuniziert&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;silent (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich, dass ein Spieler mit anderen Spielern per Video kommuniziert&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Weitere Informationen ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Weitere Informationen ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Sehr ausführlichen Dokumentation: https://doc.mapeditor.org/en/stable/&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Sehr ausführlichen Dokumentation: https://doc.mapeditor.org/en/stable/&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Dokumentation als PDF: https://doc.mapeditor.org/_/downloads/de/latest/pdf/ &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/del&gt;Workadventure: https://workadventu.re&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Dokumentation als PDF: https://doc.mapeditor.org/_/downloads/de/latest/pdf/  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Workadventure Creat your world: https://workadventu.re/map-building/&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* &lt;/ins&gt;Workadventure: https://workadventu.re&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Workadventure &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;- &lt;/ins&gt;Creat your world: https://workadventu.re/map-building/&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Chrisb (ZaPF-Auth)</name></author>
	</entry>
	<entry>
		<id>https://zapf.wiki/index.php?title=Workadventure&amp;diff=28975&amp;oldid=prev</id>
		<title>Chrisb (ZaPF-Auth): Inhalt eingefügt</title>
		<link rel="alternate" type="text/html" href="https://zapf.wiki/index.php?title=Workadventure&amp;diff=28975&amp;oldid=prev"/>
		<updated>2022-01-16T12:01:54Z</updated>

		<summary type="html">&lt;p&gt;Inhalt eingefügt&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Eine Workadventure-Karte ist eine zweidimensionale Spielumgebung, die selber und individuell erstellt und mit Features gebaut werden kann und z.B. für Konferenzen oder ZaPF-Treffen genutzt werden kann. Auf der Karte können Spieler mit einander per Chat und Video interagieren (bis zu 3 auf einmal, gibt sonst noch Jitsu-Räume die aber extra in die Karte implementiert werden müssen für bis zu 15 Spieler) können.&lt;br /&gt;
Erstellt werden die Karten mit der Software „Tiled“. Der allgemeine Aufbau der Karten (Spielwelt) ist das man unterschiedliche Blöcke (sog. Tiles) hat die man in einem Raster anordnet (Vgl. Minecraft nur in 2D). Diese Blöcken werden Tiles genannt und meistens als Tilesets zusammen mit 8x8 Tiles Zusammengefasst. Dabei handelt es sich um einfach Bilddateien (PNG) die auf 256x256 Pixel groß sind -&amp;gt; 1 Tiled (Block) ist demnach 32x32 Pixel groß. Diese Bilddateien können nach belieben selber mit einem Grafikprogramm erstellt werden, gibt jedoch auch viele kostenfreie und kostenpflichtige Tilesets zu diversen Themen im Internet. Bei größeren Strukturen ist es auch möglich einen Gegenstand auf mehrer Tiles aufzuteilen&lt;br /&gt;
Aus den Tiles werden nun Karten erstellt indem die Tiles in einem vorgegeben Raster angeordnet werden und damit Landschaften, Gebäude etc erstellt werden können. Die Software „Tiled“ ermöglicht mehrer „Layer“ zu erstellen, also unterschiedliche Ebenen in denen Blöcke auch über einander gesetzt werden können (z.B.ein „Tassen-Block“ der überwiegend Transparent auf einen „Tisch-Block“ und ermöglicht die Strukturierung von Karten beim erstellen (z.B. bei Gebäuden in einer Ebene Wände, in einer anderen Dekoration, etc)&lt;br /&gt;
Notwendiger Layer:&lt;br /&gt;
- Zwingend erforderliche Layer: „startlayer“ Auf allen Blöcken die dort gesetzt werden ist es möglich zu starten, wenn die Karte betretet wird (mindestens ein Block muss dafür existieren). Bei mehreren Blöcken wird jedesmal zufällig ein Startpunkt gewählt&lt;br /&gt;
- „floorLayer“ die vom Typ Object Layer (kein Rastersymbol sondern geometrische Figuren) sein muss, auf dieser Ebene bewegt sich der Spieler, die anderen Layer sind nur Optik. Optik-Layer die unter der „floor-Layer“ sind darauf läuft der Spieler, wenn die Optik-Layer über der „floor-Layer“ sind läuft der Spieler unter durch (wird unsichtbar) -&amp;gt; kann man für Brücken/Türrahmen/Bäume etc nutzen.&lt;br /&gt;
Layer und benutzerdefinierte Eigenschaften (Custom properties)&lt;br /&gt;
Den Layer können bestimmte Eigenschaften zugeordnet werden - diese gelten dann für alle Blöcke die in dieser Layer gesetzt werden. Rechtsklick auf den Layer&amp;gt;Layer properties und dann im neuen Fenster Rechtsklick und „add propertie“. Hier muss der Befehl und der Typ festgelegt werden. Nach dem erstellen taucht diese in der Liste auf und muss entsprechend noch mit Informationen gefüllt werden. Die Dokumentation davon ist sehr mangelhaft hier sind die Basics:&lt;br /&gt;
- openWebsite (string) —&amp;gt; öffnet Website, in die Informationszeile muss die URL eingetragen werden (bei YouTube muss es embed-Link sein). Webseite kann quasi alles sein, Bilder die man hochgeladen hat, YT-Videos, ZaPF-Webseite, BBB- Raum/Zoom, etc&lt;br /&gt;
- openWebsiteTrigger (string) -&amp;gt; „auf onaction“ stellen. Führt dazu dass die Webseite direkt geöffnet wird und kein Popupfenster vorher auftaucht. Nur in Kombination mit openWebsite sinnvoll&lt;br /&gt;
- openWebsiteTriggerMessage (string) -&amp;gt; Bsp.: Klicke hier oder drücke die Leertaste um das Bild zu öffnen! Ist das Gegenteil von openWebsiteTrigger, hier kann eine Beliebige PopUp-Nachricht eingegeben werden&lt;br /&gt;
- openWebsiteAllowApi (bool) —&amp;gt; mit Webseiten kombinieren (weiß nicht mehr genau wozu es war)&lt;br /&gt;
- exitUrl (string) -&amp;gt; URL vom Zielobjekt angeben (Wenn man Karten verbindet dann ist dieser Befehl in der Startposition einzutragen und verweist wohin der Spieler geschickt werde soll, also die URL vom Zielobjekt (Karte) angeben)&lt;br /&gt;
- startLayer (bool) -&amp;gt; muss in der Zielkarte sein wohin der Spieler mit exitURL geschickt wurde und dann erscheinen soll&lt;br /&gt;
- playAudio (string) -&amp;gt; Um Audio-Daten einzubinden muss der Pfad wo die Musikdatei liegt eingetragen werden&lt;br /&gt;
- audioLoop (bool) —&amp;gt; muss auf true sein, dann wird Musikdatei in einer Endlosschleife abgespielt&lt;br /&gt;
- jitsiRoom (string) —&amp;gt; eindeutiger Name (keine Doppelungen) sind interne Jitsu-Räume für bis 15 Spieler&lt;br /&gt;
Eine Layer kann mehre Eigenschaften haben (nicht jede Kombination natürlich sinnvoll) Aufpassen dass Start und Exit nicht an der gleichen Stelle sind, sonst wird der spieler endlos durch Karten geschickt.&lt;br /&gt;
Zwei Eigenschaft sind leider jedoch an Tiles geknüpft und nicht an einen Layer. Das bedeutet das der Tiles, egal in welchem Layer genutzt diese Eigenschaft besetzt. Zum hinzufügen ein Tileset auswählen und unten auf das Symbol mit dem Maulschlüssel klicken. Wie bei den Layern unter Properties Rechtsklick&amp;gt;Add propertie. Die beiden wichtigen Befehle sind:&lt;br /&gt;
- collides (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich dass der Spieler diese Blöcke betritt und hindurchläuft, das ermöglicht z.B. Wände, Absprerrungen etc zu gestalten&lt;br /&gt;
- silent (bool) —&amp;gt; muss auf true sein, dann ist es nicht möglich, dass ein Spieler mit anderen Spielern per Video kommuniziert&lt;br /&gt;
&lt;br /&gt;
== Weitere Informationen ==&lt;br /&gt;
* Sehr ausführlichen Dokumentation: https://doc.mapeditor.org/en/stable/&lt;br /&gt;
* Dokumentation als PDF: https://doc.mapeditor.org/_/downloads/de/latest/pdf/ - Workadventure: https://workadventu.re&lt;br /&gt;
* Workadventure Creat your world: https://workadventu.re/map-building/&lt;/div&gt;</summary>
		<author><name>Chrisb (ZaPF-Auth)</name></author>
	</entry>
</feed>