اپلیکیشن

یک بازی پازل تصویری اندرویدی و وب‌اپلیکیشن واکنش‌گرا با نام «پازل تصویری» بساز. از هر سه عکس ارسالی کاربر به‌عنوان تصاویر واقعی پازل استفاده کن: تصویر غذای پارچه‌ای، تصویر عروسک پیتزا و تصویر کودک داخل قابلمه. تصاویر باید داخل خود اپ نمایش داده شوند و برای انتخاب مرحله و ساخت پازل استفاده شوند. روند بازی: بازیکن ابتدا یکی از سه تصویر را انتخاب کند، سپس درجه سختی را انتخاب کند؛ ساده ۳×۳، متوسط ۴×۴ و سخت ۵×۵. تصویر انتخابی به تکه‌های مستطیلی تقسیم شود و تکه‌ها درهم‌ریخته در اطراف یا پایین صفحه قرار بگیرند. بازیکن بتواند با لمس و کشیدن، تکه‌ها را روی جای درستشان بگذارد؛ روی موبایل لمس و drag باید روان باشد و روی دسکتاپ ماوس و drag هم کار کند. وقتی تکه در محل درست قرار گرفت، با افکت کوتاه در جای خود قفل شود. امکان جابه‌جایی تکه‌های اشتباه، شمارش حرکت‌ها، زمان‌سنج، نوار پیشرفت، دکمه راهنما برای نمایش کم‌رنگ تصویر اصلی و دکمه شروع دوباره وجود داشته باشد. در صورت کامل شدن پازل، صفحه موفقیت با تصویر کامل، زمان، تعداد حرکت و دکمه‌های «مرحله بعد»، «دوباره بازی کن» و «انتخاب تصویر» نمایش داده شود. داده‌های بازی مثل آخرین تصویر انتخاب‌شده، درجه سختی، بهترین زمان و رکورد کمترین حرکت هر تصویر و سختی روی خود دستگاه با local storage ذخیره شوند تا بعد از بستن و باز کردن دوباره باقی بمانند. نیازی به حساب کاربری، سرور، پرداخت یا قابلیت آنلاین نیست. رابط کاربری شاد و دوستانه با پس‌زمینه روشن، کارت‌های گرد، رنگ‌های گرم الهام‌گرفته از تصاویر و تایپوگرافی خوانای فارسی باشد. صفحه اصلی شامل عنوان، سه کارت تصویری و بخش رکوردها باشد. برای تکه‌ها حاشیه ظریف و سایه ملایم بگذار و بازخورد لمسی/بصری واضح برای برداشتن و قرار دادن قطعه ایجاد کن. چیدمان کاملاً responsive و mobile-first باشد: ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و چیدمان کشسان با flex یا grid، درصد و واحدهای نسبی به کار برود. دکمه‌ها و همه عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصله کافی داشته باشند. هیچ قابلیتی فقط با hover در دسترس نباشد. safe-area inset برای ناچ و نوار پایین رعایت شود و meta viewport استاندارد وجود داشته باشد. در عرض بزرگ، فضای اضافه با ستون‌بندی یا محدود کردن عرض محتوا مدیریت شود و یک ستون کشیده نشود. رابط فارسی و راست‌به‌چپ باشد و بازی روی گوشی اندروید و مرورگر دسکتاپ قابل استفاده باشد. فایل‌های فرستاده‌ی کاربر (این آدرس‌ها عمومی و پایدار هستند): - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/f43ba929-6bfb-4de1-9afb-fd7423456c03__3d75cb11-abbc-4b41-991e-b3d50c40bf66-edit_image_img_tP0SZ_mvmpCXkO3BfPOd-.png (3d75cb11-abbc-4b41-991e-b3d50c40bf66-edit_image_img_tP0SZ_mvmpCXkO3BfPOd-.png) - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/54a0fa69-b15f-4f6e-8b53-d0e5d77e583b__c0b3e600-6fe9-4505-885a-46c1f5c3f0b6-edit_image_img_bgBESOaeo7S0DZKjtF6oU.png (c0b3e600-6fe9-4505-885a-46c1f5c3f0b6-edit_image_img_bgBESOaeo7S0DZKjtF6oU.jpeg) - https://s3.metisai.ir/genx-sts/images/6a63254d3806e6112cd89e2f/9a44af68-4ccd-4c51-8d7a-c6596377e527__0d9c570f-1fda-44d5-884d-8e40331df538-edit_image_img_ki87biXh2HOjHr7PxZ98J.png (0d9c570f-1fda-44d5-884d-8e40331df538-edit_image_img_ki87biXh2HOjHr7PxZ98J.png) همین فایل‌ها را از این آدرس‌ها بردار و در اپ به کار ببر — آیکون، لوگو، تصویر شخصیت یا هر چیز دیگری که در توضیح بالا خواسته شده. برای این‌ها تصویر تازه نساز و placeholder نگذار. اگر توضیح بالا نگفته کدام فایل کجا برود، ترتیب همین فهرست را در نظر بگیر.