יצירת sprite sheet מתמונות

אורזים פריימים של אנימציה או אייקונים ל-sprite sheet אחד למשחקים ול-CSS. בוחרים את העמודות ואת הריפוד, ומקבלים אטלס JSON תואם ל-Phaser, ל-PixiJS ולמנועים אחרים.

התמונות שלכם מעובדות במכשיר שלכם ולעולם לא מועלות.

גררו את התמונות לכאן

או גררו ושחררו

פורמטים נתמכים: PNG, WEBP, GIF, JPG · עד 512 MB לקובץ

איך משתמשים בכלי הזה

  1. 01

    מוסיפים את הפריימים, לפי סדר האנימציה.

  2. 02

    קובעים את מספר העמודות ואת הריפוד בין הפריימים.

  3. 03

    מעבדים ומורידים את ה-sprite sheet, עם אטלס JSON או בלעדיו.

פריימים מדויקים לפיקסל

פריימים אף פעם לא משנים קנה מידה. כל אחד יושב בפינה השמאלית העליונה של תא בגודל אחיד, והאטלס מתעד את המיקום והגודל המדויקים שלו.

אטלס ידידותי למנועים

ה-JSON משתמש בפורמט ה-hash הנפוץ של TexturePacker, עם מפתח לפי שם הקובץ של כל פריים.

שאלות נפוצות

באיזה פורמט הגיליון?

PNG, כך שהשקיפות נשמרת.

האם הפריימים צריכים להיות באותו גודל?

לא. התאים מותאמים לפריים הגדול ביותר, והאטלס מתעד את הגודל האמיתי של כל פריים.

האם התמונות שלי מועלות?

לא. הגיליון נבנה בדפדפן שלכם.

כלים קשורים