لماذا لا يصلح الملف ثلاثي الأبعاد للويب كما هو
تملك معظم الشركات المصنّعة ملفات ثلاثية الأبعاد لمنتجاتها، لكنها صُنعت للتصميم والإنتاج، فهي تصف كل سنّ لولب وكل ضلع داخلي وكل نقطة لحام بدقة هندسية. أما المتصفح على الهاتف، فعليه أن ينزّل النموذج عبر شبكة الجوال، ثم يعيد رسمه مرات كثيرة في الثانية. ولو أعطيته ملفاً هندسياً، لاستغرق تحميله دقائق، ثم توقف عن الاستجابة.
نموذج الويب شيء آخر صُنع لمهمة أخرى: أن يبدو كالمنتج من الخارج، من المسافات التي سيراه منها العميل، وأن يكون في الوقت نفسه أصغر ما يمكن. وإعداده عمل متخصص يقع بين الهندسة والتصميم، وكثيراً ما يكون أكبر أجزاء مشروع الويب ثلاثي الأبعاد وأقلها توقعاً. وحين تعرف خطواته، تستطيع أن تحسب حسابه في الميزانية، وأن تحكم على نتائجه.
اختر مصدر كل نموذج
| المصدر | نقطة القوة | العمل المطلوب | يناسب |
|---|---|---|---|
| الملفات الهندسية (CAD) | أبعاد ونِسب دقيقة | تخفيف كبير وتنظيف، والخامات تُصنع من الصفر | المنتجات المصنّعة التي لها ملفات جاهزة |
| المسح ثلاثي الأبعاد أو القياس التصويري | يلتقط الشكل والسطح كما هما، بما فيهما آثار الاستعمال والملمس | تنظيف، وإعادة بناء شبكة المضلعات، وتصحيح الأجزاء العاكسة أو الشفافة | القطع ذات الأشكال الطبيعية، والمشغولات اليدوية، والقطع الفريدة |
| النمذجة من الرسومات والصور | نماذج نظيفة وخفيفة تُبنى للويب من البداية | وقت نمذجة على يد مختص، ومواد مرجعية | منتجات لا ملفات صالحة لها، أو ذات أشكال بسيطة |
| نماذج أُعدّت سابقاً للصور التسويقية أو بأسلوب الألعاب | تبدو جيدة أصلاً | تبقى ثقيلة في الغالب، وتحقق من حقك في إعادة استخدامها | منتجات سبق أن أُنتجت لها مواد عرض مرئية |
قبل أن تشارك الملفات الهندسية مع أي جهة، حدّد ما يجوز أن يخرج من الشركة؛ فقد تحتوي على تفاصيل داخلية وتفاوتات قياس لا تنشرها عادةً. ونموذج الويب لا يُظهر إلا الشكل الخارجي، لذلك فإن حذف الأجزاء الداخلية مبكراً يحمي التصميم ويقلّل الحجم في آن واحد.
اختصر الشكل الهندسي إلى ما تحتاجه العين
- 01
احذف ما لا يُرى
الأجزاء الداخلية، والأوجه المخفية، ووسائل التثبيت التي تحت الأغطية. وفي الملف الهندسي المعتاد، يمثّل هذا معظم البيانات.
- 02
بسّط الأسطح
أعد بناء الشكل الظاهر بعدد أقل بكثير من المثلثات، فتُبقي عدداً أكبر حيث تهم المنحنيات والخطوط الخارجية للشكل، وعدداً أقل في المساحات المسطحة.
- 03
انقل التفاصيل إلى صور الإكساء
التفاصيل الدقيقة، كالخياطة والأخاديد والتحزيز والحواف المشطوفة الصغيرة، تُثبَّت في صور تُكسى بها الأسطح، فيبدو السطح البسيط مفصّلاً تحت الضوء.
- 04
ادمج الأجزاء، وأعد استخدام المتكرر منها
اجمع في جزء واحد كل الأجزاء التي لا تتحرك ولا تتغير منفردة، واستخدم نسخة واحدة للأجزاء المتكررة، كالعجلات أو المقابض.
- 05
أصلح الأساسيات
مقياس صحيح بالوحدات الحقيقية، ونقطة أصل في موضع منطقي، واتجاه موحّد، وأوجه متجهة إلى الخارج كما ينبغي، ولا أجزاء شاردة في الملف.
- 06
جهّز مستويات تفصيل عند الحاجة
نسخة أخف للمشاهد البعيدة أو للأجهزة الأضعف، يتحول إليها العرض تلقائياً.
تمنحك أدوات التخفيف الآلية جولة أولى سريعة، لكنها كثيراً ما تشوّه الخطوط الخارجية والشعارات والحواف المنحنية. أما المنتجات التي تتصدّر العرض، فتوقّع لها عملاً يدوياً على يد شخص يرى ما يهم بصرياً.
اصنع خامات تتفاعل مع الضوء
الشكل نصف الواقعية، ونصفها الآخر طريقة تفاعل الأسطح مع الضوء: هل يبدو المعدن مصقولاً بالفرشاة أم لامعاً كالمرآة، وهل للجلد حبيبات ظاهرة، وهل سطح البلاستيك غير لامع. ويعتمد الويب أسلوباً قياسياً يُعرف بالخامات المبنية على الخصائص الفيزيائية، يُوصف فيه كل سطح بعدد قليل من الخصائص، وبصور إكساء تحدد اللون والخشونة ودرجة المعدنية وبروز السطح.
- اعمل من عينات حقيقية. الشاشات والصور تخدع العين. يحتاج مصمم النماذج إلى عينة القماش نفسها، أو عينة الطلاء، أو القطعة بتشطيبها النهائي، أو إلى قيم مرجعية دقيقة.
- ابنِ مكتبة للخامات. اصنع كل تشطيب مرة واحدة، ثم استخدمه في كل المنتجات. فأداة التخصيص التي تعرض عشرين قماشاً تحتاج إلى عشرين خامة جيدة، لا إلى عشرين نسخة من الأريكة.
- انتبه إلى أحجام صور الإكساء. هذه الصور هي في الغالب أثقل ما في الملف. استخدم أقل دقة تصمد عند أقرب تكبير تسمح به، واضغطها بصيغ صُممت لمعالجات الرسوميات.
- احذر الزجاج والسوائل والشعر الناعم والفرو. الشفافية والخامات الناعمة مكلفة في العرض، ويصعب أن تبدو مقنعة. وحيث تستطيع، بسّطها أو اختر لها أسلوباً فنياً لا يحاكي الواقع.
- اتفق على الإضاءة. يُحكم على الخامات تحت إعداد إضاءة محدد. ثبّته مبكراً، لأن تغييره لاحقاً يغيّر مظهر كل خامة.
صيغ الملفات، وهيكل يتيح الخيارات
صيغة التسليم القياسية على الويب هي glTF، وتُستخدم غالباً في نسختها ذات الملف الواحد بامتداد GLB. وهي صيغة مفتوحة تشرف عليها مجموعة كرونوس، صُممت لتُحمَّل بكفاءة، وتدعمها مكتبات العرض ثلاثي الأبعاد الشائعة على الويب. أما أجهزة Apple فتستخدم صيغة تُسمى USDZ لعرض القطع داخل الغرفة عبر الكاميرا، لذلك يحتاج المنتج الذي تعرضه بالواقع المعزز على أجهزة iPhone إلى هذه النسخة أيضاً.
- 01
ما الأجزاء التي ستتغير؟
لماذا يهمكل ما يستطيع العميل تبديله أو تغيير لونه أو إخفاءه أو تحريكه يجب أن يكون جزءاً مستقلاً في النموذج، باسم واضح.
- 02
هل التسمية موحّدة؟
لماذا يهمبأسماء الأجزاء والخامات يعثر البرنامج على ما يبحث عنه. اتفق على نظام للتسمية، وطبّقه على كل نموذج.
- 03
هل للخيارات نقاط تركيب مشتركة؟
لماذا يهمالأجزاء القابلة للتبديل، مثل الأرجل المختلفة لطاولة واحدة، تحتاج إلى الموضع والاتجاه نفسيهما، لتتبادل أماكنها دون أي تعديل.
- 04
هل تغيير اللون تعديل في الخامة أم صورة إكساء جديدة؟
لماذا يهمتغيير لون سادة لا يكاد يكلّف شيئاً، أما تغيير قماش منقوش فيعني تحميل صور إكساء جديدة.
- 05
هل قُسّمت الملفات تقسيماً منطقياً؟
لماذا يهمحمّل المنتج الأساسي أولاً، ثم اجلب كل خيار حين يختاره العميل، بدلاً من ملف واحد يضم كل شيء.
- 06
أين تُحفظ الملفات الأصلية؟
لماذا يهمالملفات المصدرية القابلة للتعديل، لا الملفات المصدَّرة وحدها، مع إصداراتها، حتى لا يضطرك أي تعديل في العام المقبل إلى البدء من جديد.
مثال تطبيقي
تجهيز كرسي مكتب لأداة تخصيص
هذا مثال افتراضي يبيّن حجم الفرق بين الملف المصدر ونموذج الويب. مصنّع أثاث يسلّم الملفات الهندسية لكرسي مكتب يُعرض بـ 3 قواعد، ونوعين من مساند الذراعين، و24 قماشاً.
- المصدرحجم الملف الهندسي 480 ميغابايت، ويضم آلية رفع المقعد بالغاز، وكل برغي، وبنية الإسفنج الداخلية.
- التخفيفتُحذف الأجزاء الداخلية، ويُعاد بناء الهيكل الظاهر، وتُنقل الخياطة وثقوب الظهر الشبكي إلى صور الإكساء. فيصل حجم النموذج الأساسي إلى 2.1 ميغابايت.
- الهيكلالقواعد والمساند أجزاء مستقلة تشترك في نقاط التركيب، وتُسمّى وفق نظام ثابت، ولا يُحمَّل أي منها إلا حين يُختار.
- الخاماتتُرسل عينات الأقمشة بالبريد إلى مصمم النماذج. وتُختصر الأقمشة الأربعة والعشرون في 5 أنماط من النسج، ولكل نمط عدة ألوان تُضاف إليه بالتلوين، فلا يلزم إلا 5 مجموعات من صور الإكساء.
- المراجعةيقارن مدير المنتج لدى المصنّع النموذج بكرسي حقيقي تحت الإضاءة المتفق عليها، فيتبيّن أن المقعد يبدو مسطحاً أكثر مما ينبغي، وأن درجتين من الأخضر لا يكاد يُميَّز بينهما. ويُصحَّح الأمران قبل الاعتماد.
يُحمَّل الكرسي في ثانيتين تقريباً على هاتف متوسط الفئة. ولأن الأقمشة بُنيت مكتبةً مشتركة، تعيد نماذج الكراسي الثلاثة التالية استخدامها، ويكلّف تجهيز كل منها أقل بكثير من الأول.
حدّد سقفاً للحجم وآلية للمراجعة
مسار عمل منضبط
- سقف معلن للحجم ولعدد المثلثات في كل نموذج، يُتفق عليه قبل بدء العمل
- كل ملف يُسلَّم يُقاس على هذا السقف آلياً
- زمن التحميل مُختبَر على هاتف متوسط الفئة عبر شبكة الجوال
- قائمة تحقق مكتوبة للمقياس والتسمية ونقطة الأصل والخامات
- اعتماد يصدره شخص يعرف المنتج الحقيقي
مسار بلا ضوابط
- نماذج تُقبل لأنها تبدو جيدة على جهاز المصمم
- لا أحد يراجع أحجام الملفات حتى تبطؤ الصفحة
- لكل نموذج تسمية وهيكل مختلفان
- ألوان تُعتمد من لقطة شاشة
- لا تُحفظ إلا الملفات المصدَّرة، دون مصدر قابل للتعديل
السقف المناسب يتوقف على عدد النماذج التي تظهر في وقت واحد، وعلى الأجهزة التي يستخدمها جمهورك، لذلك حدّده مع الجهة التي تبني أداة العرض، واختبره مبكراً على منتج حقيقي واحد. أما جانب التسليم إلى المتصفح، فيتناوله دليلنا: قائمة التحقق من أداء المواقع التفاعلية ثلاثية الأبعاد على الجوال.
الحقوق، وما يكشفه نموذج الويب
كل ما يستطيع المتصفح عرضه، يستطيع من يصرّ على ذلك أن ينزّله. لذلك يجب ألا يحتوي نموذج الويب على شيء لا تقبل نشره: لا آليات داخلية، ولا تفاوتات قياس دقيقة، ولا نسخ لم تُطرح بعد مخبأة داخل الملف. والشكل الخارجي لمعظم المنتجات ظاهر أصلاً لكل من يشتريها، فالخطر صغير. وحيث لا يكون الأمر كذلك، فالحل نموذج مبسّط أو بأسلوب فني لا يحاكي الواقع.
وتأكد من الحقوق كذلك. فشروط الملكية والترخيص تحددها اتفاقية المشروع مع الجهة التي تنتج النماذج، لذلك تحقق من أنك تتسلم الملفات المصدرية القابلة للتعديل، وأن من حقك إعادة استخدام النماذج في قنوات أخرى، مثل الصور المعدّة للطباعة أو الأسواق الإلكترونية.
قائمة التحقق من تجهيز النماذج ثلاثية الأبعاد
قائمة التحقق من نماذج المنتجات ثلاثية الأبعاد
0 من 11 منجزةماذا تفعل الآن
اختر منتجاً واحداً يمثّل مجموعتك، وابحث عمّا يتوفر له من ملفات ثلاثية الأبعاد، وما حجمها، وما الذي تحتويه. ثم اجمع عينات حقيقية من تشطيباته. وحين تكون هذه بين يديك، سيكشف نموذج تجريبي واحد الجهد الذي يحتاجه كل منتج بصورة أوثق من أي تقدير.
تشرح صفحة تطوير المواقع ثلاثية الأبعاد كيف نجهّز نماذج المنتجات ونسلّمها. أخبرنا بالملفات التي لديك، وسنقول لك ما يتطلبه تجهيزها للويب.
أسئلة شائعة
هل يمكن أن نستخدم ملفات CAD لدينا في الموقع مباشرة؟
ليس كما هي. فالملفات الهندسية دقيقة وشديدة التفصيل، وهذا ما يجعلها أكبر وأبطأ بكثير مما يحتمله المتصفح. لكنها نقطة انطلاق ممتازة للأبعاد والشكل. ومنها يُشتق نموذج الويب بحذف الأجزاء الداخلية وتبسيط الأسطح وإضافة الخامات، وهذا التحويل عمل يحتاج إلى مهارة، لا خيار في إعدادات التصدير.
ما صيغة الملفات المناسبة للنماذج ثلاثية الأبعاد على الويب؟
صيغة glTF، وغالباً في ملف GLB واحد، هي المعيار لعرض المحتوى ثلاثي الأبعاد على الويب. وهي صيغة مفتوحة صُممت لتُحمَّل بكفاءة، وتدعمها مكتبات الويب الرئيسية للعرض ثلاثي الأبعاد. وإن أردت أن يرى عملاؤك على أجهزة Apple المنتجات داخل غرفهم عبر الكاميرا، فستحتاج إلى نسخة USDZ أيضاً.
ما الحجم المناسب لنموذج ثلاثي الأبعاد على الويب؟
أصغر ما يمكن، على أن يبقى مظهره سليماً عند أقرب مسافة عرض تسمح بها. ويتوقف الحجم المقبول على عدد النماذج التي تُحمَّل معاً، وعلى أجهزة جمهورك واتصالاته، لذلك اتفق مع المطورين على سقف للحجم، واختبر على هاتف متوسط الفئة. وفي الغالب تشكّل صور الإكساء معظم الوزن، وفيها أكبر فرص التوفير.
كم تكلفة تجهيز نموذج ثلاثي الأبعاد؟
تختلف بحسب تعقيد المنتج، وحالة الملفات المصدرية، وعدد الخيارات، ودرجة الواقعية المطلوبة. فالقطعة البسيطة ذات الأسطح الصلبة تُنجز بسرعة حين تكون ملفاتها نظيفة. أما المنتج الناعم أو كثير التفاصيل أو شديد اللمعان، فيستغرق وقتاً أطول بكثير. ومكتبات الخامات المشتركة والهيكل الموحّد تخفض تكلفة كل نموذج إضافي بقدر كبير.
هل يمكن أن يسرق أحد نماذجنا ثلاثية الأبعاد من الموقع؟
يستطيع من يملك المهارة أن يستخرج أي نموذج يُعرض في المتصفح، ولا توجد تقنية تمنع ذلك تماماً. قلّل ما ينكشف بأن تنشر الشكل الخارجي وحده بدقة الويب، دون أي تفاصيل داخلية أو إنتاجية. وفي معظم المنتجات، لا يكشف ذلك شيئاً لا يستطيع المشتري أن يقيسه بنفسه، فيبقى الخطر التجاري منخفضاً.