قم بتعيين خلايا الأطلس إلى مستطيلات المصدر والوجهة

وصف هندسة الإطار وترتيب الرسوم المتحركة

في الشبكة المنتظمة، خزّن عرض الخلية وارتفاعها وعدد الأعمدة وفهرس الإطار لكل حركة. احسب إحداثي المصدر x على أنه (باقي قسمة فهرس الإطار على عدد الأعمدة) × عرض الخلية، وإحداثي المصدر y على أنه (فهرس الصف الناتج عن تقريب فهرس الإطار ÷ عدد الأعمدة إلى الأسفل) × ارتفاع الخلية. في الأطالس غير المنتظمة، خزّن مستطيلات المصدر صراحةً. افصل ترتيب الحركة عن ترتيب الملفات؛ إذا كان الرسم مرتبًا حسب الوضعيات لا التسلسل، فقد تستخدم حركة مشي من ثمانية إطارات الفهارس [0, 1, 2, 1, 0, 3, 4, 3].

إذا تم قطع النقوش المتحركة لإزالة الهوامش الشفافة، فقم أيضًا بتخزين حجم قماش الرسم الأصلي وإزاحة القطع. ارسم حول محور ثابت، مثل أقدام الشخصية، بحيث لا تحرك حدود الإطار جسم الاصطدام أو الاتصال البصري بالأرض مع تغير العمل الفني.

استخدم المستطيل المصدر عمدا

يحتوي Canvas drawImage على تحميل زائد يحدد المستطيل المصدر ويقيسه إلى مستطيل الوجهة. تقوم MDN بتوثيق المصدر x وy والعرض والارتفاع بشكل منفصل عن الوجهة x وy والعرض والارتفاع. استخدم هذا الفصل للحفاظ على دقة اقتصاص الأطلس أثناء تغيير الحجم المعروض. اختبار الإطارات الأولى والأخيرة وحدود الصف؛ غالبًا ما يظهر عدد الأعمدة الخاطئ كقطعة صغيرة مكونة من بكسل واحد من الكائن المجاور عند تلك الحدود.

تحقق من اللحامات والتحميل قبل تشخيص الهندسة

إذا تسربت رسومات الخلايا المجاورة أثناء الرسم بعد التكبير، فاترك فاصلًا شفافًا بين خلايا الأطلس وتأكد من ملاءمة وضع التصفية لأسلوب الرسم. ارسم مستطيل تصحيح حول كل إطار وجهة وضع عليه فهرسه مؤقتًا. انتظر تحميل الصورة وفك ترميزها قبل الرسم، ثم اختبرها بمقياس canvas الفعلي ودقة مخزن الرسم الداخلي. قارن إطارًا غير مكبّر بإطار مكبّر. إذا ظهر خط التماس في المكبّر فقط، فتحقّق من أخذ العينات والهوامش الداخلية للأطلس قبل تغيير إحداثيات المصدر.

أسئلة عن ⁨عرض أطلس العفريت⁩