اپلیکیشن

اندازه مهره‌های داخل صفحه بازی را به‌طور جدی کوچک و اصلاح کن تا هر مهره کاملاً داخل یک خانه ۸×۸ قرار بگیرد و هیچ تداخلی با مهره یا خانه کناری نداشته باشد. برای همه ۱۲ نوع مهره، اندازه را بر اساس کوچک‌ترِ عرض و ارتفاع خانه محاسبه کن و مهره را با CSS یا منطق چیدمان responsive در مرکز خانه قرار بده؛ حداکثر ۵۵٪ تا ۶۰٪ ضلع خانه باشد، با حاشیه امن کافی از هر چهار طرف. مهره‌ها نباید با اندازه ثابت بزرگ نمایش داده شوند، نباید از خانه بیرون بزنند، نباید روی هم بیفتند و نباید با تغییر عرض صفحه بزرگ‌تر از خانه شوند. از object-fit: contain، حفظ نسبت تصویر و محدودیت max-width/max-height نسبت به خود خانه استفاده کن. اگر sprite sheet یا تصاویر برش‌خورده استفاده می‌شوند، هر مهره را با برش مستقل و بدون فضای اضافی تصویر نشان بده؛ تصویر کامل یا چند مهره کنار هم به‌عنوان یک مهره نمایش داده نشود. اندازه و موقعیت مهره در موبایل، تبلت و دسکتاپ یکسان و مرتب بماند. شبکه بازی را واقعاً به‌صورت grid دقیق ۸ ستون و ۸ ردیف بساز و هر خانه aspect-ratio: 1 / 1 داشته باشد. مهره فقط داخل همان سلول grid رندر شود و با position و z-index کنترل‌شده از محدوده سلول خارج نشود. صفحه باید مربع، خوانا و بدون overlap باشد. پیش‌نمایش مهره‌ها و صفحه انتخاب پوسته را نیز با همین اندازه‌بندی مرتب اصلاح کن. قوانین شطرنج، منوی شروع، حالت دونفره و حالت حریف کامپیوتری و قابلیت‌های قبلی را تغییر نده. طراحی mobile-first و responsive را حفظ کن: از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون اسکرول افقی و بدون به‌هم‌ریختگی کار کند؛ برای متن‌ها عرض و ارتفاع ثابت پیکسلی استفاده نشود و از flex/grid و واحدهای نسبی استفاده شود؛ دکمه‌ها و عناصر لمسی حداقل ۴۴×۴۴ پیکسل باشند؛ hover تنها راه دسترسی به هیچ قابلیت نباشد؛ safe-area و meta viewport استاندارد حفظ شوند؛ و در دسکتاپ عرض صفحه با محدودکردن منطقی محتوا کنترل شود، نه کش‌آمدن بیش از حد صفحه شطرنج. فایل‌های فرستاده‌ی کاربر (این آدرس‌ها عمومی و پایدار هستند): - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/53dce967-397c-45ea-998c-9a8e3cc34255__37b244b8-5305-431c-a48e-4f666f1085b0-edit_image_img_O-0ByNAjixVMctRqkF6Mr.png (37b244b8-5305-431c-a48e-4f666f1085b0-edit_image_img_O-0ByNAjixVMctRqkF6Mr.png) - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/ec5e60fd-4d2b-477d-8d03-94c409d3d29c__b69c7b26-ac6b-4fb7-9bf4-21efc5850d4f-edit_image_img_MDKlJO5izeZQQHAd6SOfu.png (b69c7b26-ac6b-4fb7-9bf4-21efc5850d4f-edit_image_img_MDKlJO5izeZQQHAd6SOfu.png) - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/e0e07575-78de-4ddf-80a7-0fc0a2b24e22__5938c52c-c761-4e33-a0bc-9d445d9b0682-edit_image_img_4SDHLhaC1OmLW4ZFDItg_.png (5938c52c-c761-4e33-a0bc-9d445d9b0682-edit_image_img_4SDHLhaC1OmLW4ZFDItg_.png) - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/a30c41dd-3e58-4924-9c55-7124d8656d96__fd67b00c-15c8-401c-ba4c-2e149db6cbf2-edit_image_img_6xFiAAWIjzUGGHxNsgNRv.png (fd67b00c-15c8-401c-ba4c-2e149db6cbf2-edit_image_img_6xFiAAWIjzUGGHxNsgNRv.png) همین فایل‌ها را از این آدرس‌ها بردار و در اپ به کار ببر — آیکون، لوگو، تصویر شخصیت یا هر چیز دیگری که در توضیح بالا خواسته شده. برای این‌ها تصویر تازه نساز و placeholder نگذار. اگر توضیح بالا نگفته کدام فایل کجا برود، ترتیب همین فهرست را در نظر بگیر.