อินพุตหลายไฟล์
เพิ่มได้สูงสุด 64 เฟรมต่อหนึ่งชุด เลือกได้ทั้ง PNG, JPG หรือ WebP
ภาษา: ไทย
ตัวแพ็ก sprite sheet สำหรับ PNG atlas
จัดเฟรมสไปรต์ได้สูงสุด 64 เฟรมใน atlas แบบกริดสม่ำเสมอ และส่งออกพิกัด JSON ที่ตรงกัน
ฟรี0 เครดิตPNG atlas + JSON
เครื่องแพ็ก sprite sheet อัปโหลดเฟรมของฉันไหม?
ไม่ เฟรมได้สูงสุด 64 เฟรมจะอยู่ในเบราว์เซอร์และจัดเรียงในกริดที่สม่ำเสมอ คุณจะได้ PNG atlas พร้อมพิกัด JSON โดยเฟรมจะไม่ถูกตัดขอบหรือหมุน
เวิร์กสเปซสด
ทำงานแบบโลคัล ส่งออกได้เรียบร้อย
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณ ไฟล์จะอยู่บนอุปกรณ์ของคุณ และไม่ใช้เครดิตในการสร้างงาน
ต้นฉบับและการตั้งค่า01
ประมวลผลในเครื่องแบบส่วนตัว0 เครดิต
เพิ่มอย่างน้อย 2 เฟรม
เครื่องมือนี้ทำงานแบบโลคัล งานของคุณจะไม่ถูกอัปโหลด และไม่ใช้เครดิต
ในเกม
มองแอสเซ็ตในแบบของเกม
สำรวจรูปแบบการเล่น การใช้งานบนเครื่องพกพา และดีไซน์ที่สอดคล้องกัน คอนเซ็ปต์ที่สร้างด้วย AI เหล่านี้เป็นเพียงตัวอย่างความเป็นไปได้ด้านภาพ ควรตรวจแอสเซ็ตของคุณเองและการนำเข้าเอนจินก่อนนำไปใช้งานจริง
ทิศทางงานศิลป์เดียวกันทั้งเกม
ตรวจทานฉากที่เล่นได้ควบคู่กับตัวละคร ภูมิประเทศ ไอเท็ม และอินเทอร์เฟซให้เป็นงานออกแบบเดียวกัน
ตัวละครเดียวในหลายมุมมองและหลายแอ็กชัน
เปรียบเทียบสัดส่วน สี และซิลูเอตท่าทางของตัวละครกับโลกที่อยู่รอบๆ
ต่อสู้ ไอเทม และอินเทอร์เฟซในฉากเดียว
ประเมินการมองเห็นเอฟเฟกต์ ไอคอนไอเทม และคอนทราสต์ของอินเทอร์เฟซในจังหวะเกมเพลย์เดียวกัน
ตัวอย่างใช้งานจริง
แพ็กเฟรมขนาดเท่ากัน 8 เฟรม
ใช้ข้อมูลอินพุตที่ชัดเจน ตรวจดูผลลัพธ์ และเช็กข้อจำกัดปัจจุบันก่อนตัดสินใจขั้นต่อไป
ตัวอย่างอินพุต
ดาวน์โหลดและแตกไฟล์ demo frames ทั้งแปดด้านล่าง แต่ละ PNG โปร่งใสมีขนาด 32 × 32 พิกเซล
สิ่งที่ต้องตรวจ
- เลือกเฟรม PNG ทั้ง 8 เฟรมตามลำดับ แล้วตั้ง atlas เป็น 4 คอลัมน์
- ตรวจดูตัวอย่าง: 4 ช่องกว้าง ช่องละ 32 พิกเซล และ 2 ช่องลงล่าง จะได้ atlas ขนาด 128 × 64
- ดาวน์โหลด atlas PNG และ JSON ตรวจสอบว่าเฟรมแรกเริ่มที่ x: 0, y: 0 และเฟรมที่ห้าเริ่มที่ x: 0, y: 32
ผลลัพธ์ที่คาดไว้
อินพุตขนาด 32 × 32 จำนวนแปดชิ้นใน 4 คอลัมน์ จะได้ PNG atlas ขนาด 128 × 64 พร้อมพิกัดเฟรมใน JSON
ขีดจำกัดปัจจุบัน
ตัวแพ็กแบบโลคัลจะใช้กริดขนาดเท่ากับไฟล์อินพุตที่ใหญ่ที่สุด รับได้สูงสุด 64 ไฟล์ และคงขอบเขตเฟรมเดิมไว้ โดยจะไม่ตัด หมุน เติมระยะขอบ หรือจัดวางแบบ bin packing ที่เหมาะที่สุด
เอกสารอ้างอิงเวิร์กโฟลว์อย่างเป็นทางการ
โปรดตรวจเอกสารของเอนจินหรือเอดิเตอร์เมื่อเตรียมการนำเข้าด้วยตัวเอง แหล่งข้อมูลเหล่านี้อธิบายพฤติกรรมของไฟล์และการเล่น ไม่ใช่การรับรอง PixelBox
ผู้เผยแพร่และการสนับสนุน
อัปเดตเนื้อหาแล้ว:
เผยแพร่และดูแลโดย LlamaGen หน้านี้อธิบายการควบคุมและรูปแบบการส่งออกของ PixelBox เวอร์ชันปัจจุบัน โปรดติดต่อทีมงานหากมีข้อมูลไม่ถูกต้องหรือพบปัญหาในการส่งออก
01 / ทำไมถึงได้ผล
ออกแบบมาสำหรับงานผลิต ไม่ใช่แค่พรีวิว
เลย์เอาต์คาดเดาได้
เลือกจำนวนคอลัมน์ แต่ละเซลล์จะใช้ความกว้างและความสูงที่ใหญ่ที่สุดของอินพุต และเฟรมจะคงขนาดเดิม
รวมเมทาดาทา
ส่งออกชื่อเฟรม พิกัด และขนาดเป็น JSON
จากต้นฉบับสู่ผลลัพธ์ที่ติดป้ายชัดเจน
เพิ่มเฟรม
เลือกไฟล์ PNG แอนิเมชันหรือแอสเซ็ตของคุณตามลำดับ
เลือกคอลัมน์
ตั้งค่าเลย์เอาต์ atlas แล้วตรวจพรีวิวที่สร้างขึ้น
ส่งออกทั้งสองไฟล์
ดาวน์โหลด atlas PNG และพิกัด JSON
03 / คำถามที่พบบ่อย
เคลียร์เงื่อนไขก่อนสร้าง
เฟรมของฉันอัปโหลดแล้วหรือยัง?
ไม่ การแพ็กทำงานในเบราว์เซอร์ และไฟล์จะอยู่บนอุปกรณ์ของคุณ
ใช้ JSON รูปแบบไหน?
ไฟล์ส่งออกจะมีชื่อภาพ ขนาด atlas และวัตถุเฟรมที่มี x, y, width และ height โปรดตั้งชื่อไฟล์ของแต่ละเฟรมให้ไม่ซ้ำกัน เพื่อให้แต่ละรายการ JSON แยกกันชัดเจน
ตัดพิกเซลโปร่งใสออกไหม?
ไม่ ระบบ grid packer จะคงขอบเฟรมต้นฉบับไว้ และจะไม่หมุนเฟรมหรือปรับพื้นที่ว่างให้เหมาะสม หากต้องการตัวเลือกการตัดขอบและระยะ padding ให้ใช้ sprite sheet slicer