Zuerst muss Teeworlds gestartet werde, ich glaube das muss ich ja nicht weiter erwähnen .
Um nun in den Editor zu kommen, drückst du jetzt die Kombination: STRG + UMSCHALT + E. Jetzt sollte der Editor im Grundmodus geöffnet sein.  



So als nächtstes brauchen wir erstmal einen Tilelayer. Um diesen zu erstellen, klickst du einfach rechts auf die Gruppe #game und klickst dann links auf "Add TileLayer".


So jetzt brauchen wir erstmal ein Image für den TileLayer. Dazu klickst du auf "Images" (in der oberen Leiste, neben Layers). Anschließen klickst du auf "Add" wo du jetzt dein Mapres aussuchen kannst. Wir verwenden in diesem Fall mal das Standart-Mapre "grass-main.png"


Nun wechseln wir wieder zu Layers. (Obere Leiste, neben Images). Jetzt müssen wir eine Verbindung zwischen den vorhin erstellten TileLayer und den Image "grass-main.png" herstellen. Dafür rechtsklickst du auf den TileLayer #1 Tiles. Nun hat sich ein kleines Fenster geöffnet, welches die Informationen zum Layer anzeigt. Bei "Image" steht standartmäßig "none". Wenn du dorft raufklickst öffnet sich erneut ein kleines Fenster mit den Images die du geadded hast. Wählst du dort das grass-main aus, hast du den TileLayer mit diesen Image verbunden.



Wenn du nun die Leertaste drückst, siehst du nun das Image. Durch anklicken eines der Tiles wird das ausgewählt und wenn du die Leertaste loslässt, wirst du feststellen dass deine Maus mit diesem Tile in dem weißen Kästchen angezeigt wird. Das ist das Map-Kästchen. Nur in diesem Rahmen kannst du Tiles hinbauen. Indem du an deiner Maus das Scrollrädchen gedrückt hälst, kannst du mit einer Mausbewegung die Map hin- und herschieben. Wenn du eine größere Map erstellen möchtest, musst du das Map-Kästchen vergrößern. Das geht mit einigen Klicks. Zuerst klickst du wieder rechts auf den TileLayer. Dort öffnen sich wie gewohnt das kleine Fenster mit den Informationen. Dort kannst du "Width" und "Hight" sehen. Diese haben standartmäßig eine größe von 50. Wenn du nun auf die kleinen Pfeile links bzw rechts davon klickst, kannst du nun dein Map-Kästchen vergrößern bzw verkleinern. Für Vergrößerungen bzw Verkleinerungen in 1er-Schritten klickst du normal mit links drauf. Für grobe Vergrößerung bzw Verkleinerung hälst du STRG + UMSCHALT gedrückt und klickst nun mit links auf die Pfeile. Du wirst feststellen das es nun in 5er-Schritten 
geht.



So nun kannst du quasi schon anfangen zu basteln. Beachten solltest du aber folgendes: nur das normale Tile an den Rand des Map-Kästchens setzens. Solltest du "spezielle" Tiles nehmen, sieht es dann ziemlich komisch aus. 

 -->

Alle Tiles die das Spiel beeinträchtigen müssen mit einem Gametile versehen werden. Dieses ist standartmäßig und unwiderruflich mit dem "#x game"  verbunden. Es ist nicht löschbar! Das Gametileset ist zu verwenden wie jedes andere Tileset!
(Zum aufrufen der Gametiles einfach den TileLayer "#x Game" linksklicken und dann leertaste drücken!)

1 = Normales Gametile. Der Tee kann es hooken und darauf stehen.
2 = Deathtile. Dieses Tile beeinträchtigt den Hook des Tees nich (geht durch) und der Tee stirbt bei Berührung.
3 = No-Hook Tile. Der Tee kann es nicht hooken aber darauf stehen.
4 = Respawnpoint bei DM´s.
5 = Respawnpoint für Team Rot bei CTF´s und TDM´s.
6 = Respawnpoint für Team Blau bei CTF´s und TDM´s.
7 = Rote/Blaue Flagge.
8 = Schilde
9 = Leben
10 = Waffen: Shotgun, Granatenwerfer, Schwert, Laser


Solltest du ein Tile auf der Map falsch plaziert haben, kannst du es entfernen indem du in der Map auf eine Stelle klickst, die frei ist. Dadurch hast du ein Delete-Tile. Klickst du nun auf das falschplazierte Tile, wird dieses entfernt.  Das funktioniert auch mit Tiles die schon auf der Map sind, nur wird dann halt das falschplazierte Tile von dieses ersetzt (Kopierfunktion). Möchtest du mehrere Tiles kopieren, rahmst du sie ein.

Falls du Tiles drehen, spiegeln möchtest, klickst du es an und drückst die Taste "n" für das vertikale Spiegeln, die Taste "m" für das horizontale Spiegeln. Somit sind symmetrische Maps kinderleicht erstellt!




Arbeiten mit mehreren Ebenen:
Du kannst in deinen Maps mehrere Ebenen einbauen. (Hintergrund, Vordergrund..) Das funktioniert ganz einfach indem du die Reihenfolge der TileLayers veränderst.
Dafür brauchen wir erst einmal mehrere TileLayer.
Wiederhol einfach den schon vorher genannten Schritt. Zwei TileLayer genügen erst einmal! 
So der neue TileLayer bekommt nun auch noch das Image "grass_main". Jetzt klickst du rechts auf den neuerstellten TileLayer. Dort klickst du mit links auf den < Pfeil bei "Order" und veränderst diese auf "1". Wählst du nun wie gewohnt ein Tile aus wirst du feststellen, dass dieses hinter den anderen ist vom TileLayer "2".
Für die Ebenen gilt: kleinste Zahl = ganz hinten, größte Zahl = ganz vorne. 


Schatten:
Schatten lassen deine Map um einiges besser aussehen.
erstelle einen neuen "Tile -Layer" in der #1 Gruppe mit der Grösse 20x20 und wieder dem grass_main.png. Nun ändert ihr den "Order" Wert dieses Layers auf "1".
Benutze diese Tiles



Um Schatten wie hier zu erstellen



Wir haben dies aber nicht Richtig gemacht. Hierbei entsteht ein Bug.
Den Bug kannst du vermeiden wenn du den Schatten so verteilst wie hier



vorher nachher
(von d3Mon)

Hintergrund in bewegung: Klickst du rechts auf den TileLayer "1" siehst du noch eine weitere Funktionen die noch nicht erläutert wurde.  Wenn du auf "Add Group" klickst, wird eine neue Gruppe eröffnet. Wenn du nun auf den TileLayer "1" rechts klickst, dann die Group von 0 auf 1 änderst, wirst du merken das dieser TileLayer nun in der neuerstellten Gruppe auftaucht. Für die Gruppen gilt wie bei den TileLayern: kleinste Zahl = ganz hinten, größte Zahl = ganz vorne. Um den TileLayer wieder als Hintergrund zu benutzen, klickst du auf die Gruppe rechts, und wählst als Order "0". Dadurch ist der TileLayer in der Map wieder der Hintergrund.

Als du auf die Gruppe rechtsgeklickt hast, ist dir sicher aufgefallen, das da noch viele andere Funktionen sind.
Zuerst blende ich einmal die Gametiles aus, weil die mich beim Mappen stören. Das geht ganz einfach. Du siehst vor jeder Gruppe und jedem TileLayer ein "V" stehen. Klickst du da rauf, ändert sich das "V" zum "H". Nun sind alle mit dieser Gruppe bzw. diesem Layer verbundene Tiles ausgeblendet. 
So, klickst du nun rechts auf die Gruppe "0", siehst du an 2ter und 3ter Stelle "Pos X" und Pos Y". Wenn du links draufklickst und die Maustaste gedrückt hälst, kannst du durch verschieben der Maus diese Positionen verändern. Das ist sehr hilfreich wenn man große Maps macht und ein TileLayer nur an 1 oder 2 bestimmten Stellen braucht. Zudem kann man Effekte wie Schnee damit erziehlen, wenn die Gruppe im Vordergrund ist.
An 4ter und 5ter Stelle beim Gruppenfenster sieht man "Para X" und "Para Y". Wenn du die "Para X" auf "90" runterschiebst (zu verwenden wie Pos) wirst du feststellen, das sich alle in dieser Gruppe befindenen Tiles nach links, bzw rechts, verschieben, wenn man die Map bewegt. Veränderst du die "Pos Y", bewegen sich die Tiles nach oben bzw unten!

Clipping: Die letzte Funktion bei einer Gruppe ist das sogenannte "Clipping" (engl. Ausschnitt, Ausfälle).
Wenn du die Para´s der Gruppe veränderst, aber die Tiles trotzdem nur in ein eingeschränktes Gebiet haben möchtest, kannst du das Clipping verwenden.

QuadLayer: Klickst du rechts auf eine Gruppe kannst du einen Tilelayer auswählen. Du wirst aber merken, das noch ein anderer Layer zur verfügung steht: der Quadlayer. Wählst du diesen aus, wirst du feststellen, das einige Funktionen die beim TileLayer vorhanden sind nicht gegeben sind. Sofern du einen Quadlayer erstellt hast, kannst du einen Quad erstellen (Quad = engl. Quadrat). Die Funktion "Add Quad" findest du in der oberen Leiste links.



Dieser Quad kann vergrößert werden, indem du die roten Punkte linksklickst, dann nochmals linksklickst und gedrückt hälst. Nun musst du nurnoch die Maus in die jeweilige Richtung schieben. Die quadratischgute Form bekommst du ganz leicht indem du den grünen Punkt rechtsklickst, und dann auf Square klickst.
Der Quad kann farblich individuell eingestellt werden, indem du einen roten Punkt linksklickst (um ihn anzuvisieren) und dann rechtsklickst. Nun öffnet sich ein kleines Farbfenster. 




Embedded & External: 
Embedded = engl. verankert   ;   external = engl. extern, aüßerlich
Der Teeworlds Ordner enthält den Unterordner Mapres, in denen die Originale standartmäßig drauf sind. Diese Mapres brauchst du nicht zu verankern. Aber wenn du Tiles benutzen möchtest, die in dem Ordner nicht sind musst du diese verankern, damit andere Spieler sie sehen können. Und das geht so: Du klickst auf Images, rechtsklickst das geaddete Mapres und wählst "Embedded". Du wirst merken dass das deine Map von der KiB größe stark verändert.



Envelopement-Editor... Animationen und Co.


[Allgemein]

Im Map-Editor ist ein kleines Feld rechts unten"Envelopes".




Man kann ca. 3 mal auf "Envelopes" klicken .be jedem Klick wird das Feld größer

[Positions-Animation]
Um eine Positions-Animation zu erstellen tue folgendes:


Als erstes gehst du oben rechts auf "Pos+"

Oben im Envelopes-editor steht dann X Y R

Das Y ist für die Bewegung auf der Y-Achse das X für die Bewegung auf der X-Achse und das R für Rotation.

[Y-Positions Element]

Wenn du erst mal dein “Quad“ nach oben fahren lassen möchtest, klickst du oben im Envelope-Editor auf "X" und "R", so dass nur noch "Y" rot markiert ist. Y ist die grüne Strecke.

Wenn dein “Quad“ nach oben fahren soll, musst du den hintersten Punkt nach oben ziehen, aber weit nach oben.

Drück dann im Map-editor oben auf , dann geh auf dein Quadlayer mit dem “Quad“.

Tipp: Verkleinere das Envelope-Fenster um die Animation besser betrachten zu können

[ Anschließend gehst du oben rechts auf add quad. Dann erscheint das “Quad“ auf der Map.Diesen Schritt nur vollziehen, wenn ihr das „Quad“ noch nicht erstellt habt]



Dann sollte sich auf der Map dein “Quad“ schon mal nach oben bewegen. Wenn nicht,klicke mit der rechten Maustaste auf den Grünen Punkt in der Mitte des Quads und wähle für Pos.Env den Parameter 0,indem du auf den rechten Pfeil " > " kickst.Oder ziehe den rechten Punkt im Envelope-Editor höher.

Wenn es dir zu schnell nach oben geht, dann geh auf den rechten Punkt der „Strecke“ halte "Shift" gedrückt und zieh den Punkt nach rechts.


Das war’s auch schon mit der Y-Achse.

[X-Positions Element]

Wenn du willst ,dass sich dein “Quad“ nach rechts bewegt, klickst du so lange auf X und die andren Sachen, bis nur noch X oben im Envelope-Editor markiert ist. "X" ist die rote Strecke.

Wenn dein “Quad“ nach rechts fahren soll, musst du den hintersten Punkt nach oben ziehen, aber weit nach oben.

[Drück dann im Map-editor oben auf anim(wenn es nicht schon an ist), dann geh auf dein Quadlayer mit dem “Quad“. Anschließend gehst du oben rechts auf add quad. Dann erscheint das “Logo“ auf der Map. Dann gehst du auf dein “Logo“ mit der rechten Maustaste, auf den grünen Punkt. Da steht dann Pos. Env das machst du auf 0.] Diesen Schritt müsst ihr nicht machen wenn ihr den Schritt bei "Y" schon gemacht habt!!!

Dann sollte sich auf der Map dein “Quad“ schon mal nach rechts bewegen, wenn nicht, dann zieh den rechten Punkt von der roten Strecke im Envelopes-editor höher.

Wenn es dir zu schnell nach rechts geht, dann geh auf den rechten Punkt halte "Shift" gedrückt und zieh den Punkt nach rechts.


Wenn du dein “Quad“ diagonal laufen lassen möchtest, dann musste beides also "Y" und "X" in ein pos packen. Wenn sie aber einzeln sein soll, dann musst du bevor du das machst mit "X" erst wieder auf "pos+".

Das war’s auch schon mit der X-Achse.

[R-Positions Element]

Dann wenn du noch willst dass es sich dreht, klickst du so oft auf "R" und die andern, bis nur nur "R" markiert ist. Dann ist da einblauer Strahl.

Also für mehr Rotation den rechten Punkt nach oben ziehen. Wenn es langsamer sein soll mit "shift" nach rechts ziehen.

[Farb-Animationen]

Für Farben gehst du auf "color+"

Dann klickst du oben im Envelope-Editor auf ">" , um zu dem Teil mit der Farbe zu kommen.

Da kannst du die einzelnen Punkte so hoch ziehen, dass da eine bestimmte Farb-Reihenfolge ist.



Wie ich vorher schon erwähnt habe, kannst du mit der rechten Maustaste neue Punkte erstellen.
Wenn du da eine schöne Farb-Reihenfolge hin gezaubert hast, gehst du wieder auf dein "Quad“.
Dort drückst du mit der rechten Maustaste auf den grünen Punkt in der Mitte des "Quads" und da auf Color Env.
Den Parameter stellst du auf 0, dann müsste alles funktionieren.
(d3Mon)