Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
howto:world-maps [2021/05/12 22:23] – dorianhowto:world-maps [2021/05/16 19:36] (aktuell) – [Eigene Tilesets] dorian
Zeile 3: Zeile 3:
 <bootnote warning>WIP™ (Work In Progress)</bootnote> <bootnote warning>WIP™ (Work In Progress)</bootnote>
  
-==== Vorbereitung ====+===== Vorbereitung =====
  
-  * [[https://gitlab.ub.uni-bielefeld.de/fs-technik/wa-map-fachschaft|GitLab-Projekt]] forken +Um an die Vorlage für unsere Maps zu kommen, geh auf unser [[https://gitlab.ub.uni-bielefeld.de/fs-technik/wa-map-fachschaft|GitLab-Projekt]] und folge der Anleitung unter "Map erstellen und ausprobieren" bis zum Schritt "Bearbeite die Map.." (Um die Anleitung zu sehen einfach ein bisschen nach unten scrollen)
-  * Clone oder Download +
-  * [[https://www.mapeditor.org/|Tiled]] installieren+
  
-==== Basics ====+Um die Maps dann bearbeiten zu können, musst du dir noch den Editor [[https://www.mapeditor.org/|Tiled]] installieren.
  
-  * Übersichtsscreenshot Tiled +===== Basics =====
-  * Map öffnen+
  
-=== Layer ===+Öffne jetzt deine umbenannte Kopie von ''template.json'' in Tiled.
  
-  * Layer = Ebenen, in denen Tiles plaziert werden können +Du siehst in der Mitte die Map, so wie sie aussehen wird. Rechts an der Seite werden oben die Layer der Map und unten die verfügbaren [[#eigene_tilesets|Tilesets]] angezeigt. 
-  * Layer sind "gestapelt", Tile in höherem Layer überdeckt Tiles aus Layern darunter+Links sieht du die Eigenschaften des Layers oder Tiles, welches du gerade ausgewählt hast. Für's Erste kannst du diese linke Leiste ignorieren.
  
-  * Möglichst eindeutige benennung +==== Layer ====
-  * 1 Layer = 1 Zweck +
-  * z.B. ''walls'', ''floor'', ''Video_FS_Buero'', ...+
  
-  * [[#besondere_layer|Besondere Layer]]+  * Layer sind Ebenen, in denen Tiles plaziert werden können 
 +  * Layer sind "gestapelt", d.h. ein Tile in höherem Layer überdeckt Tiles aus Layern darunter
  
-=== Tiles ===+  * Layer sollten einen möglichst eindeutigen Namen haben. Das erleichtert das Bearbeiten zu mehreren Menschen oder nachdem etwas Zeit vergangen ist sehr ;-) 
 +  * 1 Layer sollte genau 1 Zweck haben 
 +    * z.B. ''walls'', ''floor'', ''Video_FS_Buero'', ... 
 +  * Erstell im Zweifelsfall einfach einen neuen Layer über das Plus-Symbol unter der Layerliste. Wähle dort ''Tile Layer''. 
 + 
 +  * Es gibt auch noch einige [[#besondere_layer|besondere Layer]], die das WorkAdventure braucht, um zu funktionieren. Wir kommen unten darauf zurück, erst mal geht es jetzt aber um die sichtbaren Dinge. 
 + 
 +==== Tiles ====
  
   * Tiles = 32x32 Pixel Grafiken   * Tiles = 32x32 Pixel Grafiken
Zeile 31: Zeile 34:
   * Gruppiert in [[#Eigene_Tilesets|Tilesets]]   * Gruppiert in [[#Eigene_Tilesets|Tilesets]]
  
-=== Gegenstände bauen ===+==== Gegenstände bauen ====
  
   - Layer wählen   - Layer wählen
Zeile 46: Zeile 49:
     * Spezielle Tiles, die den Weg blockieren     * Spezielle Tiles, die den Weg blockieren
   * Können/Sollten auf Wänden, großen Gegenständen, Map-Grenzen, ... platziert werden   * Können/Sollten auf Wänden, großen Gegenständen, Map-Grenzen, ... platziert werden
 +
 ==== Funktions-Layer ==== ==== Funktions-Layer ====
  
Zeile 81: Zeile 85:
   * ACHTUNG: Webseite muss Einbinden zulassen (im Zweifel einfach testen)   * ACHTUNG: Webseite muss Einbinden zulassen (im Zweifel einfach testen)
  
-==== Eigene Tilesets ==== +===== Testen und Veröffentlichen =====
- +
-=== Bestehende hinzufügen === +
- +
-=== Ganz eigene basteln === +
- +
-=== Lizenzen === +
- +
-==== Testen und Veröffentlichen ====+
  
   * Ins GitLab pushen und README-Anleitung folgen   * Ins GitLab pushen und README-Anleitung folgen
Zeile 99: Zeile 95:
 ==== Besondere Layer ==== ==== Besondere Layer ====
  
-  * ''floorLayer''+  * ''floorLayer'': Ebene, auf der die Charaktere laufen 
 +    * Alle Layer darüber verdecken Charaktere (sinnvoll für z.B. Baumkronen, Tunnel, "3D", ...) 
 +    * MUSS ''floorLayer'' heißen und vom Typ ''Object Layer'' sein (alle anderen Layer sind ''Tile Layer'')
   * ''start''   * ''start''
 +    * Layer-Eigenschaft ''startLayer'' mit bool-Wert ''True'' (= Haken im Kästchen)
 +    * 1 Tile, hier starten die Charaktere
 +    * Mehrere Tiles: Startpunkt wird zufällig aus den Tiles gewählt
 +    * MUSS ''start'' heißen
   * exit   * exit
 +    * Verknüpfung zu anderer Map
 +    * Layer-Eigenschaft ''exitUrl'' mit Namen der Ziel-Map als Wert (z.B. ''halle.json'')
 +    * Beliebig viele exit-Layer möglich, Name frei wählbar (''exitHalle'', ''exitFSTechnik'', ..)
 +
 +==== Eigene Tilesets ====
 +
 +Wenn du mehr benutzen möchtest, als in der Vorlage dabei sind, kannst du selbst neue Tilesets hinzufügen oder sogar erstellen.
 +
 +Wichtig dabei: Das Tileset muss **immer** als Bilddatei (''.png'') vorliegen und dann in den Tiled Editor importiert werden.
 +
 +=== Bestehende hinzufügen ===
 +
 +=== Ganz eigene basteln ===
 +
 +=== Lizenzen ===
  
 ==== Animierte Tiles ==== ==== Animierte Tiles ====
  • Zuletzt geändert: 2021/05/12 22:23
  • von dorian