ภาษา: ไทย
ยูทิลิตีฟรีในเบราว์เซอร์

ตัวตัด sprite sheet สำหรับเฟรมเกม

เปลี่ยน sprite sheet ที่มีอยู่ให้เป็นเฟรมแอนิเมชันที่ตรวจทบทวนแล้ว atlas ที่จัดแพ็กแล้ว และไฟล์พร้อมใช้กับ Godot หรือ Unity โดยไม่ต้องอัปโหลดงานของคุณ

ฟรี0 เครดิตเฟรม · atlas · Godot · Unity
สไปรต์ชีตขนาด 128 x 64 ที่แบ่งเป็น 8 เฟรมขนาด 32 x 32 พร้อมขยายตัวละครให้เห็นขอบพิกเซลคมชัดแบบ nearest-neighbor
ตัวอย่างยูทิลิตีที่จัดทำขึ้น: ชีต 4 คอลัมน์ 2 แถว กลายเป็นแปดเฟรมขนาด 32 × 32 การขยายแบบ integer จะขยายบล็อกพิกเซลโดยไม่ทำให้เบลอ
คำตอบตรง ๆ

ตัวตัดสไปรต์ชีตใช้ฟรีไหม?

ได้ การตัดภาพ ตรวจทบทวน JSON แบบพกพา และการส่งออกสำหรับ Godot 4 กับ Unity ทำงานแบบโลคัลในเบราว์เซอร์ทั้งหมด โดยไม่ใช้เครดิตและไม่ต้องอัปโหลด

เวิร์กสเปซสด

ทำงานแบบโลคัล ส่งออกได้เรียบร้อย

เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณ ไฟล์จะอยู่บนอุปกรณ์ของคุณ และไม่ใช้เครดิตในการสร้างงาน

01
ตัดเวิร์กโฟลว์ในเบราว์เซอร์แบบโลคัล
เริ่มจาก sprite sheet จริง

ภาพจะอยู่บนอุปกรณ์นี้ตลอดขั้นตอนตัดภาพ แก้ไข จัดแพ็ก และส่งออก

ในเกม

มองแอสเซ็ตในแบบของเกม

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

คอนเซ็ปต์เกมแพลตฟอร์มแบบพิกเซลอาร์ต ที่มีตัวละครเคลื่อนผ่านด่านปราสาท แพลตฟอร์ม เลเยอร์สภาพแวดล้อม และเอฟเฟกต์แอ็กชัน

สไปรต์ในด่านแบบเลื่อนด้านข้าง

ตรวจดูว่าท่าแอนิเมชัน สิ่งกีดขวางด้านหน้า และคอนทราสต์ของฉากหลังช่วยเสริมแอ็กชันอย่างไร

คอนเซ็ปต์เกม RPG พิกเซลที่สร้างด้วย AI จับคู่เรนเจอร์สีเขียวอมฟ้าในการต่อสู้กลางป่ากับท่ายืน เดิน และโจมตีที่เข้าชุดกันด้านล่างฉากเกม

ตัวละครเดียวในหลายมุมมองและหลายแอ็กชัน

เปรียบเทียบสัดส่วน สี และซิลูเอตท่าทางของตัวละครกับโลกที่อยู่รอบๆ

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

ลองดูฉากนี้ที่โต๊ะคุณ

ดูตัวละคร โลก และอินเทอร์เฟซพร้อมกันในขนาดการเล่นบนเดสก์ท็อป

ตัวอย่างใช้งานจริง

ตัดชีต 8 เฟรมที่ดาวน์โหลดได้

ใช้ข้อมูลอินพุตที่ชัดเจน ตรวจดูผลลัพธ์ และเช็กข้อจำกัดปัจจุบันก่อนตัดสินใจขั้นต่อไป

สไปรต์ชีตขนาด 128 x 64 ที่แบ่งเป็น 8 เฟรมขนาด 32 x 32 พร้อมขยายตัวละครให้เห็นขอบพิกเซลคมชัดแบบ nearest-neighbor
ตัวอย่างยูทิลิตีที่จัดทำขึ้น: ชีต 4 คอลัมน์ 2 แถว กลายเป็นแปดเฟรมขนาด 32 × 32 การขยายแบบ integer จะขยายบล็อกพิกเซลโดยไม่ทำให้เบลอ

ตัวอย่างอินพุต

ใช้ PNG เดโมโปร่งใส 128 × 64 ด้านล่าง ไฟล์นี้มี 4 คอลัมน์ 2 แถวของเซลล์ขนาด 32 × 32 โดยไม่มีขอบหรือระยะห่าง

สิ่งที่ต้องตรวจ

  1. ดาวน์โหลด demo เลือกใน slicer แล้วตั้ง 4 คอลัมน์ 2 แถว เว้นขอบนอกและระยะห่างไว้ที่ 0
  2. ยืนยันว่าโอเวอร์เลย์ครอบตัวละครแต่ละตัวครบทั้งตัว ดูตัวอย่างลำดับเฟรม และปรับจุดหมุนพื้นร่วมกันหากแอนิเมชันของคุณต้องใช้
  3. ส่งออกเฟรม PNG หรือแพ็กเกจ atlas ตรวจสอบขนาดเฟรม ชื่อ เวลา และ pivot ก่อนนำเข้าโปรเจกต์ของคุณ

ผลลัพธ์ที่คาดไว้

กริดต้นฉบับนี้มี 8 ช่องขนาด 32 × 32 โดยถ้าปิดการตัดขอบไว้ แต่ละเฟรมที่ส่งออกจะคงขนาดแคนวาสเดิม หากเปิดการตัดขอบ ขอบเขตที่มองเห็นจะเปลี่ยนไป

ขีดจำกัดปัจจุบัน

กริดจะตัดงานที่มีอยู่แล้ว ไม่ได้สร้างท่าทางที่หายไป Godot SpriteFrames จะเก็บจังหวะแอนิเมชัน ส่วนตัวส่งออกจะเก็บข้อมูล pivot เป็นเมตาดาต้าไว้ให้คุณตรวจการวางตำแหน่งเอง

เอกสารอ้างอิงเวิร์กโฟลว์อย่างเป็นทางการ

โปรดตรวจเอกสารของเอนจินหรือเอดิเตอร์เมื่อเตรียมการนำเข้าด้วยตัวเอง แหล่งข้อมูลเหล่านี้อธิบายพฤติกรรมของไฟล์และการเล่น ไม่ใช่การรับรอง PixelBox

ผู้เผยแพร่และการสนับสนุน

อัปเดตเนื้อหาแล้ว:

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

01 / ทำไมถึงได้ผล

ออกแบบมาสำหรับงานผลิต ไม่ใช่แค่พรีวิว

01

เป็นส่วนตัวเป็นค่าเริ่มต้น

ไฟล์ของคุณจะถูกประมวลผลในเบราว์เซอร์บนเครื่อง

02

ตรวจทานก่อนส่งออก

พรีวิวจังหวะการเล่น จัดลำดับเฟรมใหม่ ซ่อมพิกเซล และกำหนด shared pivot อย่างแม่นยำ

03

แพ็กเกจนำเข้าเอนจิน

แพ็กเฟรมที่ตัดขอบแล้วพร้อม padding และส่งออกเป็นไฟล์ portable JSON, Godot 4 หรือ Unity

02 / เวิร์กโฟลว์

จากต้นฉบับสู่ผลลัพธ์ที่ติดป้ายชัดเจน

สเต็ป 01

วางชีต

เลือกสไปรต์ชีต PNG, WebP หรือ JPG

สเต็ป 02

ตรวจทานแอนิเมชัน

ยืนยันกริด เล่นผลลัพธ์ ซ่อมหรือเรียงเฟรมใหม่ และตั้งจุดหมุนพื้น

สเต็ป 03

ส่งออกไปยังเอนจินของคุณ

ดาวน์โหลดเฟรมแยก atlas และเมทาดาตา หรือแพ็กเกจ Godot 4/Unity

03 / คำถามที่พบบ่อย

เคลียร์เงื่อนไขก่อนสร้าง

มีการอัปโหลด sprite sheet ของฉันไหม?

ไม่ การตัดทำงานภายในเบราว์เซอร์และไม่ใช้เครดิตการสร้าง

มันเก็บความโปร่งใสได้ไหม?

ได้ ความโปร่งใสของ PNG และ WebP จะถูกรักษาไว้ในแต่ละเฟรม PNG ที่ส่งออก

ถ้าชีตของฉันมี padding ล่ะ?

ตั้งค่าระยะขอบนอกและระยะห่างเป็นจำนวนพิกเซลเต็ม ๆ เลเยอร์ทับซ้อนแบบสดจะแสดงเซลล์ที่แม่นยำก่อนเริ่มตัดอะไรทั้งนั้น

ต้องมีบัญชีเพื่อส่งออกหรือไม่?

ไม่ ไปป์ไลน์ในเครื่องแบบครบชุด—including การส่งออก ZIP แบบ portable, Godot 4 และ Unity—ใช้ฟรีและไม่ใช้เครดิต

ถัดไปในไปป์ไลน์

Keep building the same world.

ไปต่อด้วยเครื่องมือที่เหมาะกับขั้นตอนถัดไปของคุณ: เตรียมเรฟเฟอเรนซ์ ตรวจเฟรมแอนิเมชัน หรือแพ็ก atlas สำหรับเกมเอนจินของคุณ

PIXELBOX

ตัวแพ็ก Sprite Sheet

แพ็กได้สูงสุด 64 เฟรมลงใน PNG atlas แบบตารางสม่ำเสมอ และดาวน์โหลดพิกัด JSON ที่ตรงกัน เครื่องมือแพ็กฟรีทำงานภายในเบราว์เซอร์ของคุณ

เปิดเครื่องมือ: ตัวแพ็ก Sprite Sheet
PIXELBOX

ตัวปรับขนาด Pixel Art

ขยายพิกเซลอาร์ตด้วยพรีเซ็ต nearest-neighbor 2×, 4× หรือ 8× แบบฟรีในเครื่อง ผลลัพธ์ PNG คงความโปร่งใส และจำกัดที่ 8192 พิกเซลต่อแกน

เปิดเครื่องมือ: ตัวปรับขนาด Pixel Art
PIXELBOX

เครื่องมือสร้างสไปรต์และทำสไปรต์ชีตด้วย AI

เปลี่ยนตัวละครหนึ่งตัวให้เป็นแพ็ก Idle, Walk และ Attack 4 ทิศทางที่ตรวจทบทวนแล้ว พร้อมส่งออกสำหรับ Godot และ Unity

เปิดเครื่องมือ: เครื่องมือสร้างสไปรต์และทำสไปรต์ชีตด้วย AI
PIXELBOX

สุดยอดเครื่องมือสร้างเกมพิกเซลปี 2026

เลือกเวิร์กโฟลว์ของ PixelBox ตามเอาต์พุตและข้อจำกัดปัจจุบัน

เปิดเครื่องมือ: สุดยอดเครื่องมือสร้างเกมพิกเซลปี 2026
PIXELBOX

เครื่องมือแอสเซ็ตเกมพิกเซล

ศูนย์รวมสตูดิโอ PixelBox สำหรับชุดสไปรต์, tileset, เครื่องมือฟรี และพรีวิวจาก Labs

เปิดเครื่องมือ: เครื่องมือแอสเซ็ตเกมพิกเซล
PIXELBOX

เครื่องมือพิกเซลอาร์ตสำหรับ Godot

Godot 4 ต้องการแอนิเมชันที่ตั้งชื่อไว้ FPS ธง loop และจุดกำเนิดที่คงที่ ไม่ใช่โฟลเดอร์ PNG ที่ไม่มีชื่อ หน้า PixelBox เหล่านี้จัดเรียงตามระดับความพร้อมสำหรับการนำเข้า SpriteFrames

เปิดเครื่องมือ: เครื่องมือพิกเซลอาร์ตสำหรับ Godot