مجال رسم البكسل وتصدير CSS

مجال رسم البكسل وتصدير CSS

أرسم أشكالًا بأسلوب 8 بت مُرَسَّمًا مباشرة في متصفحك وانشرها كأعمال بسيطة من CSS، أو SVG قابلة للتوسيع، أو PNG مُصورة، أو بيانات JSON. تُمتد الخريطة من 8×8 إلى 64×64، وتُزوّد بلوحة أصلية (NES، Game Boy، PICO-8، CGA، Commodore 64، Sweetie 16)، وتُقدّم أداة الرسم، والمسح، والملء، والعينة مع إلغاء غير محدود وعودة مُعاد.

كيفية استخدام

1. اختر حجم الشبكة من 8×8 إلى 64×64. الشبكات الأكبر تُعطي تفاصيل أكثر لكنها تُبطئ سرعة الرسم.
2. اختر لوحة مُسبقة أو أدخل أي لون بالهكسادسِمِي في مُختار الألوان.
3. انقر على زر الرسم، أو الممسح، أو المليء، أو العينة في شريط الأدوات في الخريطة — أو اضغط P, E, F, I.
4. انقر واسحب على الخريطة للرسم. استخدم Ctrl+Z و Ctrl+Y لإلغاء أو إعادة التصحيح.
5. اختر صيغة التصدير (CSS box-shadow، SVG، PNG data URI، أو JSON)، وحدد حجم البكسل، ثم نسخ الكود أو تحميل الملف.

خصائص

• سادس أحجام شبكة – 8×8، 16×16، 24×24، 32×32، 48×48، و64×64 لجميع الأحجام من أيقونات صغيرة إلى أوراق كاملة.
• سادس لوحة مُسبقة – NES (54 لون)، Game Boy، PICO-8، CGA، Commodore 64، Sweetie 16، ودرج ألوان مُظلم.
• أربعة أدوات رسم – رسم، ممسح، ملء (مليء)، وعينة مع اختصارات مفتاحية.
• رسم سلس بالسحب – استخدام تطابق خطوط بريسنهام يحافظ على استمرارية الخطوط حتى على شاشات صغيرة.
• إلغاء غير محدود وإعادة التصحيح – تاريخ مُستند إلى 60 خطوة مع اختصارات المفتاح Ctrl+Z و Ctrl+Y.
• أربعة صيغ تصدر – CSS box-shadow، SVG، بيانات PNG، وبيانات JSON، كلها مع عرض تفاعلي 1:1.
• دعم اللمس – يعمل على الأجهزة المحمولة واللوحات باستخدام لمسات وحواف الأحداث.
• خلايا شفافة – تبقى الخلايا الفارغة شفافة في كل صيغة التصدير، وليس مُرسمة بأبيض.