ตัวสร้างสไปรต์ชีต

สไปรต์ชีตคือไฟล์ภาพเดียวที่มีภาพเล็กหลายภาพ (สไปรต์) จัดเรียงในตาราง การใช้สไปรต์ชีตลดคำขอ HTTP ปรับปรุงประสิทธิภาพการโหลดหน้า และทำให้การเรนเดอร์เกมมีประสิทธิภาพมากขึ้น

คุณสามารถอัปโหลดภาพ PNG, JPG, GIF, SVG และ WebP เครื่องมือรองรับการอัปโหลดเป็นชุดและการวางจากคลิปบอร์ด (Ctrl+V) สำหรับเวิร์กโฟลว์ที่รวดเร็ว

ส่งออกสไปรต์ชีตเป็น PNG (พร้อมความโปร่งใส), WebP (รูปแบบสมัยใหม่ที่มีขนาดไฟล์เล็กลง) หรือ JPG (ดีที่สุดสำหรับภาพถ่ายโดยไม่มีความโปร่งใส) เลือกตามข้อกำหนดของแพลตฟอร์มเป้าหมายของคุณ

ลากและวางภาพขนาดย่อเพื่อจัดเรียงตำแหน่งใหม่ในสไปรต์ชีต คุณยังสามารถวางภาพโดยตรงจากคลิปบอร์ดโดยใช้ Ctrl+V

ข้อมูล JSON atlas มีตำแหน่ง ขนาด และข้อมูลเฟรมสำหรับแต่ละสไปรต์ เข้ากันได้กับเอ็นจิ้นเกมยอดนิยมเช่น Phaser, PixiJS, Unity, Cocos2d และอื่นๆ อีกมากมายสำหรับการดึงสไปรต์อัตโนมัติ

พอดีรักษาอัตราส่วน เติมเต็มปิดเซลล์และตัดส่วนเกิน ยืดบิดเพื่อเติมเต็ม

ใช่ PNG และ WebP รักษาความโปร่งใส คุณสามารถตั้งสีพื้นหลังได้ ซึ่งมีประโยชน์สำหรับการส่งออก JPG ที่ไม่รองรับความโปร่งใส

ช่องว่างเพิ่มพื้นที่ระหว่างสไปรต์แต่ละตัวในชีต ป้องกันการรั่วไหลของภาพเมื่อสุ่มตัวอย่างพื้นผิว สิ่งนี้สำคัญโดยเฉพาะสำหรับเอ็นจิ้นเกมที่ใช้การกรองแบบเชิงเส้น

ได้ สไปรต์ชีตทำงานได้ดีสำหรับสไปรต์ CSS ข้อมูล JSON atlas สามารถใช้สร้างกฎ CSS background-position ลดคำขอ HTTP และปรับปรุงประสิทธิภาพการโหลดหน้า

รักษามิติเป็นกำลังของ 2 (256x256, 512x512, 1024x1024) สำหรับการจัดการพื้นผิว GPU ที่เหมาะสมที่สุด เอ็นจิ้นเกมส่วนใหญ่ชอบมิติเหล่านี้เพื่อประสิทธิภาพและความเข้ากันได้ที่ดีขึ้น

สไปรต์ชีตลดการเรียกวาดโดยการจัดกลุ่มสไปรต์หลายตัวเป็นพื้นผิวเดียว สิ่งนี้ลดการเปลี่ยนแปลงสถานะ GPU ลดโอเวอร์เฮดหน่วยความจำ และทำให้การเรนเดอร์มีประสิทธิภาพมากขึ้น

สไปรต์ชีตมักจัดเรียงเฟรมในตารางสม่ำเสมอ ในขณะที่แอตลาสพื้นที่สามารถจัดกลุ่มสไปรต์ที่มีรูปทรงไม่สม่ำเสมอได้อย่างมีประสิทธิภาพมากกว่าโดยใช้อัลกอริทึมเช่น bin packing