Permainan / Gambar

Pembuat, Pemotong & Animator Sprite Sheet

Susun gambar menjadi sprite sheet atau texture atlas, pisahkan sheet menjadi frame terpisah, lalu animasikan. Simpan PNG, metadata hash JSON, class CSS, file ZIP, atau GIF animasi tanpa meng-upload gambar Anda.

Pembuat, Pemotong & Animator Sprite Sheet: Make menggabungkan gambar PNG, JPG, WebP, dan frame GIF yang telah didekode menjadi sheet berbentuk grid, baris, kolom, atau sheet terkemas. Sel seragam mengikuti ukuran gambar terbesar, dengan perataan tengah atau tengah-bawah, padding, jarak, dan opsi dimensi power-of-two. Cut memotong berdasarkan jumlah grid atau ukuran piksel, atau mendeteksi area yang terpisah oleh transparansi atau warna latar yang dijadikan kunci. Anda dapat mengecualikan persegi panjang, melewati sel kosong, dan memangkas tepi transparan sebelum menyimpan ZIP atau mengirim frame ke Animate. Animate memutar rentang frame yang dipilih pada 1–60 FPS dengan urutan loop atau ping-pong, zoom piksel, dan onion skin opsional. Tool ini menyimpan GIF atau strip PNG horizontal. Mulai dengan pixel art maker jika Anda perlu menggambar frame terlebih dahulu. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Game & pesta
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Workbench sprite sheetPemrosesan lokal

Berjalan sepenuhnya di browser Anda

Susun frame menjadi sheet untuk game Anda.

Sel seragam menggunakan frame terbesar, ditambah padding pada setiap sisi. Jarak memisahkan sel.

Tambahkan frame untuk memulai. Anda juga dapat memotong sheet di Potong dan mengirim frame-nya ke sini.

Gambar dan hasil ekspor Anda tetap berada di browser ini. Gunakan file yang disimpan dalam proyek game Anda sendiri.

Sprite sheet dan atlas tekstur

Sprite sheet menyimpan beberapa frame animasi atau gambar game dalam satu gambar. Grid biasa mendeskripsikan setiap frame berdasarkan posisi selnya. Atlas tekstur dapat menggunakan persegi panjang dengan ukuran berbeda dan memerlukan koordinat yang mendeskripsikan setiap gambar. Dokumentasi AtlasTexture Godot (https://docs.godotengine.org/en/stable/classes/class_atlastexture.html) menjelaskan cara menggunakan suatu area atlas sebagai tekstur.

Perataan tengah-bawah menjaga kaki karakter tetap berada pada baseline yang sama di semua frame. Packed shelves mempertahankan dimensi asli setiap gambar dan mencegah rotasi. Ukuran power-of-two menambahkan piksel yang tidak digunakan di sisi kanan atau bawah; ukuran ini tidak mengubah skala karya Anda. PNG mempertahankan transparansi alpha penuh, sedangkan GIF memiliki lebih sedikit warna dan hanya transparansi satu bit.

Koordinat hash JSON

Ekspor hash JSON menggunakan nama frame sebagai key di bawah frames. Setiap entri memiliki persegi panjang frame dengan x, y, w, dan h, sebuah sourceSize, sebuah spriteSourceSize, serta flag rotated dan trimmed. Koordinat menghitung piksel dari sudut kiri atas sheet. Objek meta mencatat nama file gambar dan ukuran total sheet. Atlas loader hash JSON Phaser (https://docs.phaser.io/api-documentation/class/loader-loaderplugin#atlasJSONHash) menjelaskan format frame bernama ini.

Buat ekspor menggunakan batas gambar asli, bukan batas sel yang diberi padding, dengan trimmed dan rotated diatur ke false. Cut dapat mengekspor daftar terpisah berisi persegi panjang yang dipilih. Pangkas tepi transparan hanya jika Anda menginginkan crop yang rapat; biarkan opsi ini nonaktif untuk mempertahankan sel animasi biasa dan titik registrasinya. Bandingkan persegi panjang yang tersimpan dengan importer engine Anda sebelum menggunakan atlas dalam proyek.

Cara menggunakannya

  1. Pilih Make, Cut, atau Animate; setiap mode memiliki tautan yang bisa Anda bookmark.
  2. Tambahkan frame atau sheet, lalu sesuaikan tata letak, grid pemotongan, atau pengaturan animasi.
  3. Pratinjau hasilnya dan download file untuk proyek game Anda.

Privasi & batasan

File Anda tetap berada di browser. Tidak ada yang di-upload.

Alat terkait

Pembuat pixel artGambar ke GIFframe GIFsprite SVG

Pertanyaan umum

Sebaiknya saya menggunakan grid atau texture atlas terkemas?

Grid memberikan ukuran sel yang sama untuk setiap frame dan mudah dipotong atau diimpor sebagai animasi biasa. Sheet terkemas menempatkan frame dengan ukuran berbeda pada beberapa baris untuk menghemat ruang. Frame terkemas tidak diputar, dan memerlukan persegi panjang JSON yang diekspor atau pengaturan region yang setara di game engine Anda.

Mengapa menggunakan padding, jarak, atau ekstrusi tepi?

Texture yang difilter dapat mengambil sampel piksel di sebelahnya dan menghasilkan sambungan warna yang disebut texture bleeding. Padding menyisakan ruang di dalam setiap sel; jarak menyisakan celah di antara sel. Tool ini menambahkan piksel transparan atau berwarna latar, bukan menyalin piksel tepi. Ekstrusi mengulang warna tepi sprite ke batasnya; gunakan pengaturan texture dari engine Anda atau atlas packer dengan ekstrusi jika proyek Anda memerlukannya, terutama saat menggunakan mipmap.

Bagaimana cara mengimpor sheet ke Godot, Unity, atau Phaser?

Di Godot, gunakan region sheet sebagai texture atlas atau frame animasi. Di Unity, perlakukan gambar sebagai beberapa sprite, lalu potong dengan grid biasa atau tentukan persegi panjangnya. Phaser dapat menggunakan spritesheet biasa atau atlas hash JSON. Simpan PNG dan JSON-nya bersama-sama. Pengaturan impor berbeda-beda: pilih filtering nearest-neighbour untuk pixel art yang tajam, periksa transparansi dan dimensi sel, serta pastikan nama frame dan format JSON sesuai dengan proyek Anda.

Apa batasan transparansi dan timing GIF?

GIF mendukung paling banyak 256 warna palet dan satu entri palet transparan, sehingga piksel hanya dapat sepenuhnya transparan atau buram. Alpha di bawah 50% menjadi transparan; alpha lainnya menjadi buram. Pilih warna matte untuk membaurkan tepi halus sebagai gantinya. Durasi frame dibulatkan ke 10 ms dengan minimum 20 ms, sehingga 60 FPS tidak dapat direpresentasikan secara tepat. GIF yang diekspor berulang terus-menerus; ping-pong menambahkan frame saat kembali tanpa mengulang titik akhir.

Apakah file saya keluar dari browser?

Tidak. Pembacaan gambar, penyusunan sheet, deteksi area terpisah, dan pembuatan ekspor semuanya berlangsung di perangkat Anda. Sheet besar dan animasi panjang memerlukan lebih banyak memori. Peringatan muncul jika jumlahnya lebih dari 400 frame atau 8.192 piksel pada salah satu sisi. Batas kerja adalah 1.000 frame yang diimpor, 16.384 piksel per sisi, dan 64 juta piksel per gambar atau ekspor animasi.

Alat gratis · berjalan di browser anda · tanpa perlu akun