ToolRecipe

Was willst du erledigen?

Datei hierher ziehen

or .

Eine App öffnen

Einem Rezept folgen

Alle Rezepte

Ein einzelnes Werkzeug nutzen

Alle Tools

Texturatlas-Packer

Packe viele Bilder in einen Texturatlas. Du bekommst ein PNG-Blatt und eine JSON-Datei mit Rechteck und UV-Koordinaten jedes Bildes, in glTF- und OpenGL-Ordnung. Stelle Abstand und größtes Blatt ein. Kostenlos, im Browser, ohne Upload.

So packst du Bilder in einen Texturatlas

  1. 1Ziehe die Texturen oder Sprites hinein oder klicke zum Auswählen
  2. 2Stelle Abstand, größten Atlas und Zweierpotenz ein
  3. 3Prüfe den Atlas und speichere atlas.png und atlas.json
  4. atlas.png und atlas.json mit den UVs jedes Bildes.

Was mit deinen Dateien passiert

  • Nichts wird hochgeladen.Deine Bilder werden von deinem Browser auf deinem eigenen Gerät gelesen und gepackt.
  • UVs in der JSON.Jedes Bild bekommt sein Pixelrechteck und seine UVs.
  • Abstand mit Überlauf.Die Ränder werden in den Abstand verlängert, damit die Filterung keine Nachbarn zeigt.

Was du tun kannst

  • Packe beliebig viele Bilder auf ein Blatt, das höchste zuerst, mit einer Tabelle zu Position und Größe jedes Bildes.
  • Setze den Abstand auf 0, 1, 2, 4, 8 oder 16 Pixel. Voreingestellt sind 2.
  • Begrenze den Atlas auf 2048, 4096 oder 8192 Pixel und halte seine Größe auf Wunsch bei einer Zweierpotenz.
  • Bekomme UVs auf zwei Arten: mit Ursprung oben links (glTF, DirectX) und gespiegelt, mit Ursprung unten links (OpenGL).
  • Sieh, wie voll das Blatt ist und wie viel Videospeicher es unkomprimiert braucht.

Gut zu wissen

  • Passen die Bilder nicht in den größten gewählten Atlas, sagt dir das Tool das. Wähle ein größeres Limit oder weniger Bilder.
  • Die Bilder werden so platziert, wie sie sind. Sie werden weder gedreht noch skaliert.
  • Ein Bild mit demselben Namen wie ein vorhandenes ersetzt dieses.

Fragen

Was ist ein Texturatlas?

Ein großes Bild, das viele kleinere enthält. Ein Spiel oder eine 3D-Szene kann sie dann mit einer Textur statt vieler zeichnen.

Was steht in der JSON-Datei?

Für jedes Bild sein Name, sein Rechteck in Pixeln und seine UV-Koordinaten, dazu Atlasgröße und Abstand.

Wozu der Abstand?

Texturfilterung mischt benachbarte Pixel. Der Abstand, gefüllt durch das Strecken des Bildrands, verhindert, dass ein Bild Farbe vom nächsten aufnimmt.

Werden meine Bilder hochgeladen?

Nein. Sie werden in deinem Browser gepackt und auf deinem Gerät gespeichert.

So funktioniert's

Kleine Tools, die in deinem Browser laufen.

Vier Schritte

  1. Mit einer Datei oder einer Aufgabe beginnen

    Zieh eine Datei rein, such oder wähle eine Aufgabe.

  2. Das Tool öffnet sich in einem Fenster

    Öffne so viele du willst, nebeneinander als Tabs.

  3. Ergebnisse sammeln sich rechts

    Zieh ein Ergebnis ins nächste Tool.

  4. Speichern, wenn du fertig bist

    Gespeicherte Dateien landen in deinen Downloads.

Wer nutzt was

Tool-Sets für häufige Aufgaben.

Ein Tool auf den Home-Bildschirm legen

Das Symbol öffnet das Tool wie eine App.

iPhone und iPad

  1. Öffne das Tool in Safari.
  2. Tippe auf Teilen (das Quadrat mit dem Pfeil).
  3. Wähle „Zum Home-Bildschirm“, dann „Hinzufügen“.

Android

  1. Öffne das Tool in Chrome.
  2. Tippe oben rechts auf das Menü (⋮).
  3. Wähle „Zum Startbildschirm hinzufügen“ oder „App installieren“.

Computer

  1. Öffne das Tool in Chrome oder Edge.
  2. Klick auf das Installieren-Symbol in der Adressleiste.
  3. Wähle Installieren.

Skills

Claude-Skills, die wir selbst nutzen, je eine Aufgabe.