Δημιουργία sprite sheet από εικόνες

Συγκεντρώστε καρέ κίνησης ή εικονίδια σε ένα sprite sheet για παιχνίδια και CSS. Επιλέξτε στήλες και εσωτερικό περιθώριο και αποκτήστε έναν άτλαντα JSON συμβατό με Phaser, PixiJS και άλλες μηχανές.

Οι εικόνες σας επεξεργάζονται στη συσκευή σας και δεν ανεβαίνουν ποτέ.

Ρίξτε εδώ τις εικόνες σας

ή σύρετε και αφήστε

Δέχεται PNG, WEBP, GIF, JPG · Έως 512 MB ανά αρχείο

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

  1. 01

    Προσθέστε τα καρέ σας, με τη σειρά της κίνησης.

  2. 02

    Ορίστε τον αριθμό στηλών και το εσωτερικό περιθώριο μεταξύ των καρέ.

  3. 03

    Επεξεργαστείτε και κατεβάστε το sprite sheet, με ή χωρίς τον άτλαντα JSON.

Καρέ με ακρίβεια pixel

Τα καρέ δεν κλιμακώνονται ποτέ. Το καθένα τοποθετείται πάνω αριστερά σε ένα κελί ίσου μεγέθους και ο άτλαντας καταγράφει την ακριβή θέση και το μέγεθός του.

Άτλαντας φιλικός προς τις μηχανές

Το JSON χρησιμοποιεί την ευρέως υποστηριζόμενη μορφή hash του TexturePacker, με κλειδί το όνομα αρχείου κάθε καρέ.

Συχνές ερωτήσεις

Ποια είναι η μορφή του sheet;

PNG, ώστε να διατηρείται η διαφάνεια.

Πρέπει τα καρέ να έχουν το ίδιο μέγεθος;

Όχι. Τα κελιά προσαρμόζονται στο μεγαλύτερο καρέ και ο άτλαντας καταγράφει το πραγματικό μέγεθος κάθε καρέ.

Ανεβαίνουν οι εικόνες μου;

Όχι. Το sheet δημιουργείται στο πρόγραμμα περιήγησής σας.

Σχετικά εργαλεία