خطوات إبداعية عملية

مستطيل اصطدام فن البكسل: افصل التصادم عن البكسلات المرئية

منحوتة ثعلب بلون الفحم داخل إطار كهرماني على ورق عاجي
عمل فني للمقال. يستخدم الشرح لقطات منفصلة لمساحة Ciyo الفعلية.

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

أنشأنا في Ciyo ثعلباً خيالياً بحجم 32×32 باستخدام الكود، ثم صورة فحص منفصلة مكبّرة 8×. يوضح المثال تسليم الشخصية وإحداثيات اصطدامها معاً. إنه مثال مضبوط، وليس اختباراً لنموذج صور أو تكاملاً مع محرك ألعاب.

حدّد اتفاق الإحداثيات أولاً

أعط المطوّر الأبعاد الأصلية ونقطة الأصل واتجاه المحورين ومعنى المستطيل. الأصل هنا أعلى يسار صورة 32×32؛ تزيد x باتجاه اليمين وy باتجاه الأسفل. حجم العرض على اللوحة لا يغيّر هذه القيم.

يبدأ مستطيل الاصطدام المختار عند x=8 وy=7 ويبلغ 16×23 بكسلاً أصلياً. الحافتان اليمنى والسفلية غير المشمولتين هما 24 و30، وكلتاهما ضمن 32. هذه قيم توضيحية اختيرت للتصميم؛ اضبط مستطيلك وفق الحركة وسلوك الاصطدام في لعبتك.

اتفاق اصطدام الثعلب الخيالي
الحقلالقيمةالمعنى
الصورة32×32أبعاد ⁦PNG⁩ الأصلية
الأصلأعلى اليسارإحداثيات قبل تكبير العرض
مستطيل الاصطدام8, 7, 16, 23x، y، العرض، الارتفاع
الحواف غير المشمولة24, 30احسب ⁦x + width; y + height⁩
تكبير صورة الفحص8×للفحص فقط، 256×256

اطلب طبقة توضيحية منفصلة

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

استخدمنا Ciyo Agent وأدوات الكود. طلبنا عمداً رسماً مؤقتاً بالكود وتجنبنا توليد صور أو فيديو مدفوعاً. للشخصية التي ستنشرها، أرفق رسمك المعتمد واطلب الفحوص نفسها على ذلك الملف.

واجهة Ciyo كاملة مع طلب مستطيل اصطدام الثعلب
إدخال فعلي في Ciyo؛ حُدّد المستطيل الأصلي وشرط الحفاظ على المصدر قبل الإنشاء.
جرّب هذا في Ciyo
أنشئ شخصية ثعلب خيالية بفن البكسل بحجم 32x32 باستخدام كود مضبوط، بخلفية شفافة ومن دون مولّد مدفوع. حدّد مستطيل اصطدام منفصلاً x=8 y=7 width=16 height=23 بإحداثيات الشخصية الأصلية. ارسم طبقة اصطدام ملونة في PNG فحص منفصل مكبّر 8x بطريقة أقرب جار، مع إبقاء الرسم الأصلي دون تغيير. سلّم PNG الأصلي وPNG الفحص وبيان JSON نصياً يتضمن الأبعاد الأصلية والمستطيل والأصل أعلى اليسار. وضّح أن حدود ألفا المرئية لا تساوي بالضرورة حدود الاصطدام. أضف الأصل وصورة الفحص إلى اللوحة. تحقّق من الأبعاد الأصلية والإحداثيات الصحيحة وبقاء المستطيل داخل الصورة وعدم تغيّر تجزئة بكسلات الأصل بعد إنشاء الطبقة. لا تدّع تكاملاً مع محرك ألعاب. هذا مثال توضيحي مولّد داخل مساحة Ciyo الفعلية.

اقرأ كل محيط بمعناه

تتضمن النتيجة PNG أصلياً وصورة فحص 256×256. الطبقة الزرقاء تحدد مستطيل الاصطدام الذي اخترناه، والمحيط الأرجواني المتقطع يحدد حدود ألفا المرئية. مربعات الشفافية خلفية للفحص وليست جزءاً من الشخصية الأصلية.

الحدود المرئية هي x=5 وy=0 وعرض=26 وارتفاع=31. تتجاوز الأذنان والذيل مستطيل الاصطدام. لهذا نفصل القياسين: الرسم المرئي يصف المظهر، وشكل الاصطدام المصمم يعبّر عن قصد اللعب.

لوحة Ciyo كاملة تعرض الثعلب الأصلي وطبقة مستطيل الاصطدام
الأصل وصورة الفحص الفعليان مولّدان بالكود. تختلف حدود الاصطدام عن المحيط المرئي.

افحص الأصل والبيان

نزّل الملف الأصلي بدلاً من تصوير اللوحة. تأكد من أبعاده 32×32 ومن وجود شفافية ألفا حقيقية. اقرأ البيان بوحدات الأصل وتحقق من x + width ≤ عرض الصورة وy + height ≤ ارتفاع الصورة. قارن التجزئة قبل إنشاء صورة الفحص وبعده عندما يكون الحفاظ على الأصل مهماً.

لا تنشر صورة الفحص بوصفها الشخصية

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

واجهة Ciyo كاملة تعرض خطوة تحقق الوكيل من مثال الاصطدام
مقارنة الوكيل الفعلية بين حدود ألفا وحدود الاصطدام، مع ظهور الأصل وصورة الفحص المستقلة.

اختبر الاصطدام داخل اللعبة

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

تتعامل وثائق الفيزياء في Godot مع أشكال الاصطدام بوصفها كائنات مستقلة. يدعم ذلك هذا التسليم، لكننا لم نستورد المثال في Godot أو أي محرك آخر. تحتاج قواعد الحركة وإطارات الإصابة الفعالة وفترات انتظار الضرر إلى تنفيذ وفحوص مستقلة.

أسئلة عملية

هل مستطيل الاصطدام هو تلقائياً صندوق حدود ألفا؟

لا. اخترنا مستطيلاً أصغر عمداً. استفد من الحدود المرئية ثم حدّد حدود الاصطدام المناسبة للعبة.

هل أستخدم إحداثيات صورة الفحص 256×256؟

لا. يستخدم البيان نظام الإحداثيات الأصلي 32×32. النسخة المكبّرة للفحص فقط.

هل اختُبر المثال في محرك ألعاب؟

لا. فُحص PNG المحفوظ وبيانه؛ ويظل اختبار اللعب خطوة منفصلة.

جهّز شخصية بإحداثيات اصطدام واضحة

ابدأ بمثال واحد تم التحقق منه في Ciyo. احتفظ بالأصل وافحص الملف المصدّر قبل استخدامه في مشروعك.