Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Nächste Überarbeitung | Vorherige Überarbeitung Nächste ÜberarbeitungBeide Seiten, nächste Überarbeitung | ||
infra:workadventure:maps [2021/05/28 09:33] – angelegt noby | infra:workadventure:maps [2021/05/28 11:01] – noby | ||
---|---|---|---|
Zeile 27: | Zeile 27: | ||
Achtet auf die Größe der Tiles! | Achtet auf die Größe der Tiles! | ||
Achtet auf die Lizenz der Tilesets! | Achtet auf die Lizenz der Tilesets! | ||
+ | |||
+ | === Tiles gestalten / " | ||
+ | Tiles können auch selbst gestaltet bzw. vorhandene verändert werden, was häufig auch " | ||
+ | |||
+ | * ListenpunktAchtet auch hierbei darauf, dass die Tiles 32x32 Pixel groß sind. Ihr könnt euch unter view -> show grid ein Raster einblenden und unter settings -> dockers -> grid and guides den Einstellungs-Docker einblenden, in dem ihr die Grid-Größe festlegen könnt. | ||
+ | * ListenpunktFalls ihr Übergänge von Materialien gestalten müsst, nutzt Transparenz und baut Übergänge von einem Material zu Transparenz, | ||
+ | * ListenpunktPixel-Art Workshop von blinry: [[http:// | ||
+ | |||
+ | === Wände / Kollisionen === | ||
+ | Um Tiles als undurchgängig zu markieren, müsst ihr diese im Tileeditor öffnen und die custom property '' | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === Tiles einbinden === | ||
+ | Tilesets müssen in Tiled in die Map eingebunden werden, ein Verweis auf externe Tilesets im TSX Format ist nicht möglich. (Das heißt nicht, dass die Bilddateien mit eingebunden sind. PNG-Dateien müssen ebenfalls auf den Server geladen werden.) | ||
+ | |||
+ | ==== Maps ==== | ||
+ | Karten können mittels des Editors [[https:// | ||
+ | |||
+ | === Neue Karte in Tiled anlegen === | ||
+ | Achtet beim Erstellen einer neuen Karte auf folgende Einstellungen: | ||
+ | * Karte muss orthogonal sein. | ||
+ | * Tilessize sollte 32x32 sein. | ||
+ | * Während des Erstellens kann es sinnvoll sein, eine unendliche Karte zu verwenden statt vorab eine Größe festzulegen. Dies muss beim finalen Speichern der Karte wieder auf eine feste Größe geändert werden. | ||
+ | |||
+ | === Karte gestalten === | ||
+ | Eine Karte kann aus beliebig vielen übereinander gelegten Tile Layern bestehen. Eure Karte braucht dabei mindestens einen Startlayer, der definiert, wo auf der Karte neue Spieler: | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Für ein leichteres Gestalten hebt euch den aktuellen Layer hervor: | ||
+ | {{ : | ||
+ | |||
+ | ==== Spezielle Layer ==== | ||
+ | Es gibt ein paar spezielle Layer bzw. Zusatzfunktionen für Layer. Diese werden bis auf das Start Layer über die custom properties der einzelnen Layer abgebildet. | ||
+ | |||
+ | === Start Layer === | ||
+ | Eure Karte braucht zwingend ein Start Layer mit dem Namen '' | ||
+ | |||
+ | Außerdem könnt ihr weitere Start Layer erstellen, um weitere Einstiegspunkte zu definieren, zum Beispiel um an bestimmte Stellen auf eurer Karte zu springen. Diese Layer funktionieren ähnlich wie der eigentliche Start Layer (also einfach beliebige Tiles an die Stelle, wo die Spielfigur spawnen soll), können beliebig heißen, brauchen allerdings eine custom property '' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | === Exit Layer === | ||
+ | Ähnlich wie beim Start Layer könnt ihr Exits definieren. Ihr erzeugt ein Layer, packt an die Stellen an denen ihr Ausgänge haben wollt ein Tile, und gebt dem Layer die custom property '' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | ==== Weitergehende Inhalte ==== | ||
+ | === Webseite einbinden === | ||
+ | Ihr könnt Webseiten einbinden, die sich beim Betreten von bestimmten Tiles öffnen. Analog zu Start und Exit Layern legt ihr ein Layer dafür an, setzt Tiles an die entsprechenden Stellen und gebt dem Layer die custom property '' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | === Jitsi einbinden === | ||
+ | Jitsi Räume sind per default an die Instanz gebunden, damit jeder sein eigenes " | ||
+ | |||
+ | === Stille Bereiche === | ||
+ | Solltet ihr in gewissen Bereichen keine Audio/Video Kommunikation zwischen den Teilnehmern wollen, so könnt ihr hierfür einen eigenen Layer anlegen und diesem die custom property '' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | === Wände / nicht begehbare Bereiche === | ||
+ | Das ist ausnahmsweise kein Layer, sondern eine Tile-Eigenschaft. Beschreibung siehe weiter oben bei den Tiles. | ||
+ | |||
+ | === Animationen === | ||
+ | Tiles können zu Animationen (Loops) zusammengeführt werden, um z.B. fließendes Wasser oder blinkende Lichter darzustellen. Dazu müssen alle " | ||
+ | {{ : | ||
+ | |||
+ | Dann können alle Tiles, die Bestandteil der Animation sein sollen, per drag and drop in die " | ||
+ | {{ : | ||
+ | |||
+ | Im Map-Editor sollten die Animationsloops auch schon dargestellt werden, wenn die Option im " | ||
+ | {{ : | ||
+ | |||
+ | **Hinweis: | ||
+ | Größere Animationen über mehrere Tiles müssen in Tiled Tile für Tile animiert werden, funktionieren aber relativ problemlos. (Gelegentlich laufen einzelne Tiles nicht synchron zum Rest, wir wissen doch auch nicht..) | ||
+ | |||
+ | === Sound === | ||
+ | Layer mit der Property '' | ||
+ | {{ : | ||
+ | |||
+ | Bitte verwendet nur **GEMA-freie** Soundschnipsel! Falls ihr Streams einbindet müsst ihr außerdem eine Trackliste anlegen um der GEMA nachweisen zu können, dass ihr nur freie Musik gespielt habt. | ||
+ | |||
+ | ==== Paketierung, | ||
+ | === Karte speichern / exportieren === | ||
+ | Karten müssen als json gespeichert werden, Tilesets sollten vorher eingebunden werden. Die relevanten Dateien sind anschließend eure Karten im json-Format und die verwendeten Tilesets als png. | ||
+ | |||
+ | Unendliche Karten müsst ihr vor dem Speichern in endliche umwandeln, hierzu einfach in den properties der Karte den Haken bei " | ||
+ | {{ : | ||
+ | |||
+ | === Lizenzen === | ||
+ | Sofern ihr CC-BY Tiles / Bilder verwendet oder eure eigene Lizenz verwenden wollt, könnt ihr dies in der Datei '' | ||
+ | |||
+ | === Verzeichnisstruktur === | ||
+ | Achtet beim Ablegen eurer Karten bitte auf die Verzeichnisstruktur, | ||
+ | * Eure Startkarte muss im Hauptverzeichnis liegen. | ||
+ | * Andere Karten können in eigenen Ordnern oder auch im Hauptverzeichnis liegen. | ||
+ | * Achtet bei Verlinkungen der Karten in eurer Karte auf die korrekte relative URL. | ||
+ | * Achtet auf die Pfade eurer Tilesets (zur Not direkt im json anpassen). | ||
+ | |||
+ | Hier ein Beispiel wie ein Verzeichnis mit Karten exemplarisch aussehen könnte: | ||
+ | |||
+ | < | ||
+ | . | ||
+ | ├── bla | ||
+ | │ | ||
+ | │ | ||
+ | ├── blubb.json | ||
+ | ├── COPYRIGHT | ||
+ | ├── foo | ||
+ | │ | ||
+ | │ | ||
+ | ├── main.json | ||
+ | └── tileset.png | ||
+ | </ | ||
+ | |||
+ | === Testen === | ||
+ | Zum Testen könnt ihr eure Dateien einfach auf einen beliebigen per https erreichbaren Server legen und über die URL auf unserer Testinstanz einbinden. Nehmen wir an, eure Karte läge unter '' | ||
+ | |||
+ | Ggf. kann es sein, dass ihr passende CORS Header auf dem ausliefernden Webserver setzen müsst. |