Media Tools
Developer ToolsSprite-Sheet-Generator
Kombinieren Sie Sprite-Bilder zu optimierten Sheets für die Spielentwicklung. Generiert JSON-Metadaten mit Koordinaten zur einfachen Spielmotor-Integration.
Sprite-Bilder Hochladen
Bilder hier ablegen oder zum Durchsuchen klicken
Unterstützt PNG, JPG, WebP und GIF-Formate
Related Tools
Über den Sprite-Sheet-Generator
Wie es Funktioniert
- Laden Sie mehrere Sprite-Bilder per Drag & Drop oder Dateiauswahl hoch
- Ordnet Sprites automatisch in einem optimalen Rasterlayout an
- Generiert ein einzelnes Sprite-Sheet-Bild mit JSON-Metadaten
- Unterstützt PNG- und WebP-Ausgabeformate mit 2er-Potenz-Dimensionierung
- Bietet Koordinatendaten zur einfachen Integration mit Spielengines
Häufige Anwendungsfälle
- Einzelne Sprites für 2D-Spielentwicklung kombinieren
- Textur-Atlanten für bessere Rendering-Leistung erstellen
- Sprite-Laden für Webspiele optimieren
- CSS-Sprite-Sheets für Webentwicklung generieren
- Animationsframes in einzelne Bilder organisieren
- Draw-Calls in der mobilen Spielentwicklung reduzieren
Frequently Asked Questions
Was ist ein Sprite-Sheet und warum sollte ich es verwenden?
Ein Sprite-Sheet (oder Textur-Atlas) ist ein einzelnes Bild, das mehrere kleinere Bilder (Sprites) in einem Raster enthält. Die Verwendung von Sprite-Sheets verbessert die Spielleistung durch Reduzierung der Textur-Bindungen und des Speicherverbrauchs.
Welche Bildformate kann ich hochladen und exportieren?
Sie können Sprites in den Formaten PNG, JPG, WebP und GIF hochladen. Das Tool exportiert Sprite-Sheets im PNG-Format (mit Transparenzunterstützung) oder WebP.
Wie funktioniert das automatische Rasterlayout?
Das Tool analysiert Ihre hochgeladenen Sprites und berechnet ein optimales Rasterlayout basierend auf der Quadratwurzel der Sprite-Anzahl. Sie können Spalten und Zeilen manuell anpassen.
Was ist die JSON-Metadatendatei und wie verwende ich sie?
Die JSON-Metadaten enthalten die genauen Pixelkoordinaten, Breite und Höhe jedes Sprites im generierten Sprite-Sheet. Die meisten Spiel-Frameworks können diese Metadaten direkt importieren.
Was bedeutet '2er-Potenz-Dimensionierung' und sollte ich es aktivieren?
Die 2er-Potenz-Dimensionierung stellt sicher, dass die endgültigen Sprite-Sheet-Abmessungen Zweierpotenzen sind (wie 256x256, 512x512). Dies ist für ältere Grafikkarten und einige Spielmotoren wichtig.
Wie funktioniert die Sprite-Skalierung bei unterschiedlichen Größen?
Das Tool skaliert größere Sprites automatisch auf die Einstellung 'Maximale Sprite-Größe' herunter, wobei das Seitenverhältnis erhalten bleibt.
Kann ich den Abstand zwischen Sprites im Sheet steuern?
Ja, verwenden Sie die 'Auffüllung'-Einstellung, um Pixel-Abstand um jeden Sprite hinzuzufügen. Dies verhindert Farb-Bleeding und Filterings-Artefakte.
Was passiert, wenn ich mehr Sprites als Rasterzellen habe?
Wenn Sie mehr Sprites hochladen als das aktuelle Raster aufnehmen kann, werden die zusätzlichen Sprites ignoriert. Vergrößern Sie das Raster oder reduzieren Sie die Anzahl der Sprites.
Wie verwende ich das generierte Sprite-Sheet in meiner Spielengine?
Importieren Sie sowohl das Sprite-Sheet-Bild als auch die JSON-Metadaten in Ihre Spielengine. Unity verwendet Sprite Atlases, Godot unterstützt das TexturePacker JSON-Format, und Phaser.js kann JSON-Atlanten direkt laden.
Gibt es eine Begrenzung der Sprite-Anzahl?
Das Tool kann Dutzende von Sprites verarbeiten, aber praktische Grenzen hängen vom Browser-Speicher und der endgültigen Bildgröße ab.
Kann ich Animationssequenzen mit diesem Tool erstellen?
Dieses Tool organisiert Sprites in Sheets, erstellt aber keine Animationen direkt. Sie können jedoch Animationsframes in Sequenz hochladen und mit den Rastereinstellungen in Zeilen oder Spalten anordnen.
Was ist der Unterschied zwischen transparenten und farbigen Hintergründen?
Transparenter Hintergrund (Standard) erhält den Alpha-Kanal Ihrer Sprites. Weiße oder schwarze Hintergründe füllen transparente Bereiche mit Vollfarbe.