Spritemate هو محرر Sprite جديد لـ The Commodore 64. إنه يعمل مع معظم المتصفحات الحديثة على Windows و Mac و Linux و JavaScript Pure و HTML - بدون ملحقات إضافية. تتم معالجة جميع البيانات على جانب العميل فقط. يدعم Spritemate استيراد وتصدير تنسيقات الملفات الأكثر شيوعًا لـ Commodore 64 (مثل Spritepad) ويمكن استخدامه كمشاهد ومحرر على أي جهاز تقريبًا مع متصفح.
لا يزال زميله قيد التطوير. إذا أعجبك ذلك ، فأخبرني ؛) لا تتردد في تقديم طلبات السحب أو إرسال الأفكار أو الأخطاء والطلبات في قسم المشكلات. هتافات!
أحدث إصدار مستقر: https://spritemate.com/
الإصدار التجريبي: https://beta.spritemate.com/
فيديو لإصدار سابق: https://www.youtube.com/watch؟v=n59axaeqdwe

استخدم npm
$ npm install
$ npm run dev
| رمز | اختصار | وظيفة |
|---|---|---|
![]() | - | يقوم بتحميل ملف. التنسيقات المدعومة: Spritemate (SPM) ، Spritepad (SPD ، SPR) |
![]() | - | يحفظ ملف. التنسيقات المدعومة: Spritemate (SPM) ، Spritepad 2.0 و 1.8.1 (SPD) ، مصدر ASM (TXT) |
![]() | ض | تراجع. عندما كنت ثمل. |
![]() | Shift + z | إعادة. لأنه عندما أدركت أنه لم يكن بهذا السوء |
![]() | د | رسم وحدات البكسل |
![]() | و | ملء الفيضان |
![]() | ه | ممحاة |
![]() | م | يتحرك |
| رمز | اختصار | وظيفة |
|---|---|---|
![]() | م | التبديل بين الوضع المفرد والعلم متعدد الألوان |
![]() | - | تحول العفريت اليسار |
![]() | - | تحول العفريت اليمين |
![]() | - | تحول العفريت لأعلى |
![]() | - | تحول العفريت لأسفل |
![]() | - | Flip Sprite أفقي |
![]() | - | فليب العفريت عمودي |
![]() | - | شاشة الشبكة للتبديل على/إيقاف |
![]() ![]() | - | تكبير النافذة داخل/خارج |
| 1،2،3،4 | حدد اللون الفردي ، الشفاف ، متعدد الألوان 1 أو متعدد الألوان 2 | |
| تحول + الماوس | حذف بكسل |
| رمز | اختصار | وظيفة |
|---|---|---|
![]() | - | يمتد العفريت أفقيا |
![]() | - | يمتد العفريت عموديا |
![]() | - | تراكب العفريت التالي |
![]() ![]() | - | تكبير النافذة داخل/خارج |
| رمز | اختصار | وظيفة |
|---|---|---|
![]() | - | إنشاء العفريت الجديد |
![]() | - | حذف العفريت المختار |
![]() | - | نسخ العفريت |
![]() | - | لصق العفريت |
![]() | - | شاشة الشبكة للتبديل على/إيقاف |
![]() ![]() | - | تكبير النافذة داخل/خارج |
| المؤشر اليسار واليمين | دورة من خلال قائمة العفريت |
في البداية كنت أرغب في إزالة jQuery و jQuery UI من هذا المشروع واستبداله بـ Vanilla JS. نما وقت البناء إلى 10 ثوان ، والتي وجدت مزعجة للغاية. كان تكرار وظائف JQuery الوسائط أكثر تحديا مما كان متوقعًا ، لذلك قررت استبعاد jQuery من حزمة JS مرة أخرى وتحميلها من CDN. هذا تقليل وقت الترجمة إلى حد كبير إلى أقل من 4 ثوان. بشكل عام ، يظل التطبيق صغيرًا للغاية ، حيث يبلغ رمز التطبيق الرئيسي حوالي 20 كيلو بايت و jQuery حوالي 98 كيلو بايت.
لاحظ أنه تم تقديم تغييرين مع ميزة تسمية العفاريت: تبدأ العفاريت برقم الفهرس 0 بدلاً من 1 ، على سبيل المثال ، يسمى العفريت الأول "sprite_0" بدلاً من "sprite_1". كان هذا ضروريًا للتناسق وعقلاني الشخصي - داخليًا كان رقم الفهرس دائمًا 0 بدلاً من 1. التغيير الآخر هو أن بيانات العفريت التي تم تصديرها على أنها ASM أو الملف الأساسي لن تسمية العفاريت عن طريق زيادة الفهرس بعد الآن. هذا يعني أن العفريت سيحتفظ باسمه بغض النظر عما إذا كنت قد قمت بفرزه في قائمة العفريت إلى موضع مختلف (يبدو واضحًا ، لكن لم يكن هكذا من قبل).
تكون ميزة تسمية Sprite متوافقة للخلف ، لذلك عند تحميل ملف SPM الأقدم ، سيتم تطبيق الأسماء الافتراضية.
قد يبدو عكس العفاريت (أو "سلبي" في Spritepad) غريبًا بعض الشيء في وضع متعدد الألوان ، لكن هذا ليس خطأ. في SingleColor ، يتم استبدال A 0 (شفاف) بـ 1 (بكسل) والعكس بالعكس ، ولكن في الألوان المتعددة لدينا لونان أخريان. يقوم Spritemate بتبديل الألوان 3 و 4 في هذه الحالة ، تمامًا كما يفعل Spritepad.
يمكن أن يكون هذا مفيدًا عند العمل مع العديد من الملفات. أيضا مؤشر جيد إذا لم يتم حفظ الملف بعد. لاحظ أنه نظرًا لطبيعة كيفية حفظ المتصفحات ، تعامل المتصفحات وأنظمة التشغيل ، قد يحفظ الملف مع اسم مختلف قليلاً إذا كان اسم الملف نفسه موجودًا بالفعل في موقع التنزيل (على سبيل المثال "MySprites (1) .SPM" بدلاً من "mysprites.spm").
يبدو أن شريط القائمة يعطل بعض الإعدادات ، ولكن المشكلة في الوقت الحالي غير قابلة للاستنساخ. THX2 إلى Leissa لاختبار إضافي ومعرفة أن إيقاف تشغيل "حظر المحتوى" في Firefox قد يصلح المشكلة. إذا واجهت مشكلة قابلة للاستنساخ مع شريط القائمة ، فيرجى الإبلاغ عن الوصف هنا: https://github.com/esshahn/spritemate/issues
يركز هذا الإصدار على أفضل usabality. على الرغم من عدم إضافة أي ميزات من الناحية الفنية ، يجب أن يكون سير العمل الكلي أفضل الآن. على سبيل المثال ، بدلاً من وجود أربعة أيقونات مختلفة لتحويل العفريت لأعلى أو لأسفل أو يسارًا أو يمينًا ، تتيح لك أداة Move الجديدة القيام بذلك أكثر سهولة الآن. كأثر جانبي ، أقل أيقونات تعقيد واجهة المستخدم.
كان خيار محو البيكسلات في زملاء من قبل (من خلال التمسك بـ "التحول" أثناء الرسم) ، ولكن الآن أداة "الممحاة" تجعلها أكثر وضوحًا وأسهل استخدامها في سير عمل بيد واحدة.
تم تقديم خيار جديد لتكرار العفريت. كان هذا ممكنًا سابقًا من خلال مجموعة من "النسخ" و "New" و "Paste" (والتكرار الجديد هو في الواقع هذا بالضبط) ، ولكن هذا يجب أن يضيف إلى تجربة أكثر سهولة.
هناك تحسينات أخرى ، مثل أيقونة "القمامة" التي يمكن تمييزها بصريًا لحذف العفريت. يجب أن يبدأ كل شيء مجتمعي ، في الشعور بالدراسة إذا كنت معتادًا على برامج الطلاء الأخرى مثل Photoshop.
على الرغم من عدم إضافة العديد من الميزات ، فقد استغرق الأمر بعض الوقت لإنهاء هذا الإصدار. اضطررت إلى إعادة الكثير من التعليمات البرمجية للحصول على ميزة جديدة رائعة حقًا لم أتمكن من العمل بشكل موثوق. ولهذا السبب ، اضطررت إلى الحفاظ على فرعين رمز وميزات خلفية في الإصدار المستقر. قررت أخيرًا وضع الميزة الجديدة في الانتظار والتركيز على الآخرين بدلاً من ذلك.
لم تحصل على أي فرصة للعمل على زميل في الشهور بسبب أمامي التجاري الذي تمتص كل وقت فراغي. أيضا ، كانت التغذية المرتدة تتوقف مؤخرًا ، والتي لم تحفزني كثيرًا أيضًا. في النهاية ، راجعت حركة المرور لـ Spritemate وكنت مندهشًا من كمية مستمرة من المستخدمين. لذلك قررت تكريس المزيد من الوقت لهذا المشروع مرة أخرى. على أي حال ، إذا كنت تحب زميلًا ، فيمكنك إحداث جحيم من الفرق من خلال إخباري ، إما عن طريق البريد (Ingo في AWSM dot de) أو عن طريق إرسال تغريدة لي ( @AWSM9000). اسمحوا لي أن أعرف كيف يمكنني أن أجعل زميلًا أفضل لك!
يحفظ Spritemate الإعدادات محليًا الآن. قد ينجح الأمر قليلاً ، وأنا أعلم أن هناك حالة واحدة على الأقل حيث تعمل المدونة ولكن لا ينبغي أن يتفهم (ولكن من أنا للحكم على المطور ...). على أي حال ، تم وضع الأساس لمزيد من خيارات التكوين للتحديثات المستقبلية.
Spritemate الآن في الإصدار التجريبي العام. بفضل جميع مختبري النسخة التجريبية الذين ساعدوا في العثور على الحشرات واقتراح الميزات والتحسينات. يرجى مراجعة الوثائق على Github للحصول على نظرة عامة على الميزات.
لقد تلقت الإجراءات الأكثر شيوعًا مفاتيحًا ساخنًا للوصول السريع. يعد استخدام مفاتيح hotkeys في المتصفح أمرًا صعبًا بعض الشيء ، حيث يتم تناول العديد من المجموعات بواسطة المتصفح (مثل CMD/CTRL + C لـ "Copy"). لذلك قد تبدو بعض الاختصارات أقل سهولة. هذه الوظائف متوفرة عن طريق الضغط على المفاتيح الآن:
(1،2،3،4) - قم بتعيين واحدة من أقلام/ألوان الأربعة المتاحة (F) - تبديل شاشة كاملة على/إيقاف (D) - تبديل بين "Draw" و "Fill" (z) - undo ، (Shift + Z) = Redo (m) - Toggle SingleColor/Multicolor (cursor right) - Zail.
تبديل العفاريت التراكبات في نافذة المعاينة. سيتم استخدام العفريت التالي كتراكب. تُظهر نافذة المعاينة كلاً من العفاريت وتظهر نافذة المحرر العفريت الآخر مع انخفاض الرؤية (مثل ثقل البصل). يرجى ملاحظة أنه يتم تخزين معلومات تراكب Sprite حاليًا بتنسيق Spritemate الأصلي فقط.