เฟรมแม่นยำระดับพิกเซล
เฟรมจะไม่ถูกปรับขนาด แต่ละเฟรมวางที่มุมซ้ายบนของช่องที่มีขนาดเท่ากัน และแอตลาสจะบันทึกตำแหน่งและขนาดที่แน่นอน
สร้างสไปรต์ชีตจากรูปภาพ
รวมเฟรมแอนิเมชันหรือไอคอนเป็นสไปรต์ชีตเดียวสำหรับเกมและ CSS เลือกคอลัมน์และระยะเว้นขอบ แล้วรับแอตลาส JSON ที่ใช้ได้กับ Phaser, PixiJS และเอนจินอื่น ๆ
รูปภาพของคุณถูกประมวลผลบนอุปกรณ์ของคุณและจะไม่ถูกอัปโหลด
วางรูปภาพของคุณที่นี่
หรือลากแล้ววาง
รองรับ PNG, WEBP, GIF, JPG · สูงสุด 512 MB ต่อไฟล์
วิธีใช้เครื่องมือนี้
- 01
เพิ่มเฟรมของคุณ เรียงตามลำดับแอนิเมชัน
- 02
ตั้งจำนวนคอลัมน์และระยะเว้นขอบระหว่างเฟรม
- 03
ประมวลผลแล้วดาวน์โหลดสไปรต์ชีต จะมีหรือไม่มีแอตลาส JSON ก็ได้
แอตลาสที่เอนจินใช้ได้
JSON ใช้รูปแบบแฮชของ TexturePacker ที่รองรับอย่างกว้างขวาง โดยใช้ชื่อไฟล์ของแต่ละเฟรมเป็นคีย์
คำถามที่พบบ่อย
ชีตเป็นไฟล์รูปแบบอะไร
PNG จึงคงความโปร่งใสไว้ได้
เฟรมต้องมีขนาดเท่ากันไหม
ไม่ ขนาดของช่องจะเท่ากับเฟรมที่ใหญ่ที่สุด และแอตลาสบันทึกขนาดจริงของแต่ละเฟรม
รูปภาพของฉันถูกอัปโหลดไหม
ไม่ ชีตถูกสร้างในเบราว์เซอร์ของคุณ