spritemate
1.0.0
Spritemate adalah editor sprite baru untuk Commodore 64. Ia bekerja dengan sebagian besar browser modern di Windows, Mac dan Linux dan merupakan JavaScript murni dan HTML - No Plugin. Semua data diproses di sisi klien saja. Spritemate mendukung mengimpor dan mengekspor format file yang paling umum untuk Commodore 64 (mis. Spritepad) dan dapat digunakan sebagai penampil dan editor di hampir semua perangkat dengan browser.
Spritemate masih dalam pengembangan. Jika Anda menyukainya, beri tahu saya;) Jangan ragu untuk mengirimkan permintaan tarik atau mengirimkan ide, bug, permintaan di bagian masalah. Bersulang!
Versi stabil terbaru: https://spritemate.com/
Versi Beta: https://beta.spritemate.com/
Video versi sebelumnya: https://www.youtube.com/watch?v=n59axaeqdwe
Gunakan npm
$ npm install
$ npm run dev
| Simbol | Jalan pintas | Fungsi |
|---|---|---|
 | - | Memuat file. Format yang Didukung: Spritemate (SPM), Spritepad (SPD, SPR) |
 | - | Menyimpan file. Format yang Didukung: Spritemate (SPM), Spritepad 2.0 & 1.8.1 (SPD), ASM Sumber (TXT) |
 | z | Membuka. Karena saat Anda kacau. |
 | Shift + Z. | Mengulangi. Karena saat Anda menyadari itu tidak seburuk itu |
 | D | Gambar piksel |
 | F | Isi banjir |
 | e | penghapus |
 | M | bergerak |
| Simbol | Jalan pintas | Fungsi |
|---|---|---|
 | M | Beralih antara mode singlecolor dan multicolor |
 | - | Shift sprite ke kiri |
 | - | Menggeser sprite kanan |
 | - | Menggeser sprite ke atas |
 | - | Menggeser sprite ke bawah |
 | - | Flip Sprite Horizontal |
 | - | Flip sprite vertikal |
 | - | Tampilan Tampilan Kisi -kisi On/Off |
  | - | Zooms Window In/Out |
| 1,2,3,4 | Pilih warna individu, transparan, multicolor 1 atau multicolor 2 | |
| Shift + Mouse | Hapus piksel |
| Simbol | Jalan pintas | Fungsi |
|---|---|---|
 | - | Peregangan sprite secara horizontal |
 | - | Peregangan sprite secara vertikal |
 | - | Overlay sprite berikutnya |
| - | Zooms Window In/Out |
| Simbol | Jalan pintas | Fungsi |
|---|---|---|
 | - | Buat Sprite Baru |
 | - | Hapus sprite yang dipilih |
 | - | Salin Sprite |
 | - | Tempel Sprite |
| - | Tampilan Tampilan Kisi -kisi On/Off |
| - | Zooms Window In/Out |
| Kursor kiri & kanan | siklus melalui daftar sprite |
Awalnya saya ingin menghapus jQuery dan jQuery UI dari proyek ini dan menggantinya dengan Vanilla JS. Bangun waktu telah berkembang hingga 10 detik, yang menurut saya cukup menjengkelkan. Mereplikasi fungsi modal JQuery lebih menantang daripada yang diantisipasi, oleh karena itu saya memutuskan untuk mengecualikan JQuery dari bundel JS lagi dan memuatnya dari CDN. Ini sangat mengurangi waktu kompilasi menjadi di bawah 4 detik. Secara keseluruhan aplikasi tetap sangat kecil, dengan kode aplikasi utama sekitar 20kb dan jQuery sekitar 98kB.
Perhatikan bahwa dua perubahan diperkenalkan dengan fitur penamaan sprite: sprite dimulai dengan nomor indeks 0 bukannya 1, misalnya sprite pertama disebut "sprite_0" bukan "sprite_1". Ini diperlukan untuk konsistansi dan kewarasan pribadi saya - secara internal nomor indeks selalu 0 bukannya 1. Perubahan lainnya adalah bahwa data sprite diekspor sebagai ASM atau file dasar tidak akan memberi label sprite dengan menambah indeks lagi. Ini berarti bahwa sprite akan menjaga namanya tidak peduli jika Anda mengurutkannya dalam daftar sprite ke posisi yang berbeda (yang tampaknya jelas, tetapi tidak seperti ini sebelumnya).
Fitur penamaan sprite kompatibel ke belakang, jadi saat Anda memuat file SPM yang lebih lama, nama default akan diterapkan.
Sprite terbalik (atau "negatif" di Spritepad) mungkin terlihat agak aneh dalam mode multicolor, tapi itu bukan bug. Di Singlecolor, A 0 (transparan) digantikan oleh 1 (piksel) dan sebaliknya, tetapi di multicolor kami memiliki dua warna lagi. Spritemate beralih warna 3 dan 4 dalam hal ini, seperti halnya Spritepad.
Ini dapat terbukti bermanfaat saat bekerja dengan beberapa file. Juga indikator yang baik jika file belum disimpan. Perhatikan bahwa karena sifat bagaimana browser menyimpan file dan sistem operasi menangani keamanan, file dapat menyimpan dengan nama yang sedikit berbeda jika nama file yang sama sudah ada di lokasi unduhan (misalnya mysprites (1) .spm "bukan" mysprites.spm ").
Bilah menu tampaknya tidak berfungsi untuk beberapa pengaturan, tetapi masalah saat ini tidak dapat direproduksi. THX2 ke Leissa untuk pengujian tambahan dan mengetahui bahwa mematikan "pemblokiran konten" di Firefox mungkin memperbaiki masalah. Jika Anda menghadapi masalah yang dapat direproduksi dengan bilah menu, silakan laporkan deskripsi di sini: https://github.com/esshahn/spritemate/issues
Rilis ini berfokus pada usabality yang lebih baik. Meskipun secara teknis tidak ada fitur yang ditambahkan, alur kerja keseluruhan harus lebih baik sekarang. Misalnya, alih -alih memiliki empat ikon berbeda untuk menggeser sprite ke atas, ke bawah, kiri atau kanan, alat Move baru memungkinkan Anda melakukan ini lebih intuitif sekarang. Sebagai efek samping, lebih sedikit ikon mempersulit UI.
Pilihan untuk menghapus piksel telah ada di Spritemate sebelumnya (dengan menahan 'shift' saat menggambar), tetapi sekarang alat 'penghapus' membuatnya lebih terlihat dan lebih mudah digunakan dalam alur kerja satu tangan.
Opsi baru untuk menduplikasi sprite telah diperkenalkan. Ini sebelumnya dimungkinkan dengan kombinasi 'salin', 'baru' dan 'paste' (dan duplikat baru sebenarnya adalah ini), tetapi ini harus menambah pengalaman yang lebih intuitif.
Ada perbaikan lain, seperti ikon 'sampah' yang lebih dapat dibedakan secara visual untuk menghapus sprite. Semua gabungan, spritemate harus mulai merasa lebih akrab jika Anda terbiasa dengan program cat lain seperti Photoshop.
Meskipun tidak banyak fitur yang telah ditambahkan, saya butuh waktu cukup lama untuk menyelesaikan rilis ini. Saya harus mengembalikan banyak kode untuk fitur baru yang sangat keren sehingga saya tidak bisa bekerja dengan andal. Karena itu, saya harus mempertahankan dua cabang kode dan fitur Backport ke dalam versi stabil. Saya akhirnya memutuskan untuk menunda fitur baru dan fokus pada orang lain.
Saya tidak mendapat kesempatan untuk bekerja di Spritemate selama berbulan -bulan karena barang -barang komersial saya menghisap semua waktu luang saya. Juga, umpan balik berhenti baru -baru ini, yang juga tidak terlalu memotivasi saya. Akhirnya saya memeriksa lalu lintas untuk Spritemate dan terkejut dengan jumlah pengguna yang stabil. Jadi saya memutuskan untuk mendedikasikan lebih banyak waktu untuk proyek ini lagi. Bagaimanapun, jika Anda suka Spritemate, Anda dapat membuat perbedaan dengan memberi tahu saya, baik melalui surat (ingo di AWSM dot de) atau dengan mengirimi saya tweet ( @AWSM9000). Beri tahu saya bagaimana saya bisa membuat spritemate lebih baik untuk Anda!
Spritemate menyimpan pengaturan secara lokal sekarang. Mungkin masih sedikit miring dan saya tahu tentang setidaknya satu kasus di mana kode bekerja tetapi tidak boleh untuk pemahaman saya (tetapi siapa saya untuk menilai pengembang ...). Bagaimanapun, dasar untuk lebih banyak opsi konfigurasi telah diletakkan untuk pembaruan di masa mendatang.
Spritemate sekarang dalam beta publik. Terima kasih kepada semua penguji beta yang membantu menemukan bug dan menyarankan fitur dan peningkatan. Silakan periksa dokumentasi di GitHub untuk mendapatkan ikhtisar fitur.
Tindakan yang paling umum telah menerima hotkey untuk akses cepat. Menggunakan hotkeys di browser selalu sedikit rumit, karena banyak kombinasi diambil oleh browser (seperti CMD/CTRL + C untuk "salin"). Oleh karena itu beberapa jalan pintas mungkin tampak kurang intuitif. Fungsi -fungsi ini tersedia dengan menekan tombol sekarang:
(1,2,3,4) - set one of the four available pens/colors (f) - toggle fullscreen on/off (d) - toggle between "draw" and "fill" modes (z) - undo, (shift + z) = redo (m) - toggle singlecolor/multicolor (cursor left, right) - navigate through sprite list (thx2 Wiebo)
Toggle sprite overlay di jendela pratinjau. Sprite berikut akan digunakan sebagai overlay. Jendela pratinjau menunjukkan kedua sprite dan jendela editor menunjukkan sprite lain dengan visibilitas yang berkurang (seperti skinning bawang). Harap dicatat bahwa informasi overlay Sprite saat ini disimpan dalam format spritemate asli saja.
