ساحة الشطرنج
Chessground عبارة عن واجهة مستخدم شطرنج مجانية/مفتوحة المصدر تم تطويرها لـ lichess.org. وهو يستهدف المتصفحات الحديثة، بالإضافة إلى تطوير الأجهزة المحمولة باستخدام كوردوفا.
رخصة
يتم توزيع Chessground بموجب ترخيص GPL-3.0 (أو أي إصدار أحدث، حسب اختيارك). عند استخدام Chessground لموقعك على الويب، قد يتم توزيع عملك المدمج فقط بموجب ترخيص GPL. يجب عليك إصدار كود المصدر الخاص بك لمستخدمي موقع الويب الخاص بك.
يرجى قراءة المزيد حول GPL لجافا سكريبت على greendrake.info.
العروض التوضيحية
- عارض PGN مضمن
- تلفزيون الشطرنج
- محرر المجلس
- الألغاز
- مجلس التحليل
- معاينة اللعبة
سمات
تم تصميم Chessground لتلبية جميع احتياجات تطبيقات الويب والهواتف المحمولة lichess.org، لذا فهي مميزة جدًا.
- تمت كتابته بشكل جيد باستخدام TypeScript
- سريع. يستخدم خوارزمية فرق DOM مخصصة لتقليل عمليات كتابة DOM إلى الحد الأدنى المطلق.
- حجم صغير: 10K مضغوط (31K غير مضغوط). لا التبعيات.
- رسم SVG للدوائر والأسهم وأشكال المستخدم المخصصة على اللوحة
- تنجذب الأسهم إلى التحركات الصحيحة. يمكن رسم الأسهم اليدوية عن طريق سحب الماوس من اللوحة وإعادتها أثناء رسم السهم.
- قابلة للتكوين بالكامل وإعادة التشكيل في أي وقت
- التصميم باستخدام CSS فقط: يمكن تغيير اللوحة والقطع بمجرد تبديل الفصل
- تخطيط مرن: يمكن تغيير حجم اللوحة في أي وقت
- دعم القطع واللوحات ثلاثية الأبعاد
- الدعم الكامل للهاتف المحمول (touchstart، touchmove، touchend)
- نقل القطع عن طريق النقر
- نقل القطع عن طريق السحب والإفلات
- الحد الأدنى للمسافة قبل السحب
- مركزية القطعة تحت المؤشر
- قطعة شبح العنصر
- إسقاط العودة أو سلة المهملات
- قم بالإزالة بالنقر أو السحب
- اسحب القطع الجديدة إلى اللوحة (المحرر، Crazyhouse)
- الرسوم المتحركة للقطع: تتحرك وتتلاشى
- عرض الخطوة الأخيرة، والتحقق، ونقل الوجهات، وإزالة الوجهات (تأثيرات التمرير ممكنة)
- مواقف الاستيراد والتصدير في تدوين FEN
- عمليات الاسترجاعات المستخدم
- لا يوجد منطق شطرنج بالداخل: يمكن استخدامه لمتغيرات الشطرنج
تثبيت
npm install --save chessground
الاستخدام
import { Chessground } from 'chessground' ;
const config = { } ;
const ground = Chessground ( document . body , config ) ; مغلفة
- رد الفعل: رد فعل الشطرنج/أرض الشطرنج، ruilisi/رد الفعل-أرض الشطرنج
- Vue.js: vitogit/vue-chessboard، qwerty084/vue3-chessboard
- الزاوي: topce/ngx-chessground
- أنيقة: agelas/svelte-chessground-ui، gtim/svelte-chessground، gtm-nayan/svelte-use-chessground
أكثر؟ يرجى تقديم طلب سحب لإدراجه هنا.
التوثيق
- أنواع التكوين
- قيم التكوين الافتراضية
- توقيعات نوع API
- مثال مستقل بسيط
- أمثلة الريبو
- قاعدة CSS
تطوير
تثبيت تبعيات البناء:
لبناء وحدة العقدة:
لبناء مستقل:
