نصنع أداة تكوين ثلاثية الأبعاد بدون برمجة وتخطيط

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

في رأيي ، المشكلة الوحيدة التي تعوق تطور هذا الاتجاه هي عدم وجود أدوات فعالة. معظمها محركات ثلاثية الأبعاد ، والتي يمكن أن تكون مفيدة جدًا للمبرمج ، ولكنها ليست فنانًا عاديًا. ولكن هناك استثناءات: يوفر ملحق Verge3D لحزم 3ds Max و Blender الوسائل التي يمكن من خلالها للشخص العادي إنشاء تكوينات ثلاثية الأبعاد. هذه هي الأداة التي سنحللها في مقالتنا.

كمثال ، سنقوم بإنشاء مكون مجوهرات. الآن تفعل مثل هذه المكوّنات كل شيء من أجل الجميع ، لذا فإن المثال أكثر من ذي صلة.



انقر هنا لبدء المكوّن في نافذة جديدة.


نظرًا لأن Verge3D يمكن أن يعمل مع كل من 3ds Max و Blender ، فسنحلل كلتا الأداتين. في هذه المقالة ، نفترض أن لديك Verge3D مثبتًا بالفعل. إذا لم يكن الأمر كذلك ، فقم بتنزيله وتثبيته من موقع المطور. هناك أيضًا دليل تثبيت جيد ودروس فيديو تدريبية.

خطتنا

لا تستمع إلى الأشخاص الذين يقولون أن إنشاء تكوينات ثلاثية الأبعاد أمر صعب ومكلف. كل شيء أسهل بكثير إذا كنت تدرس العملية بوضوح:

1. نقوم بإنشاء محتوى (نماذج ومواد ثلاثية الأبعاد).
2. نجعل التطبيق تفاعليًا ، أي يستجيب لإجراءات المستخدم.
3. ننشر المكوّن على الشبكة.

دعونا نلقي نظرة على العملية برمتها بالترتيب.

إنشاء محتوى ثلاثي الأبعاد

هذه الخطوة هي الأصعب. ومع ذلك ، إذا كان لديك على الأقل بعض الخبرة في العمل في حزم 3ds Max و Blender أو صديق / موظف لديه خبرة مماثلة ، فإن كل شيء يتم بسرعة كبيرة.

بادئ ذي بدء ، نقوم بإنشاء تطبيق ثلاثي الأبعاد باستخدام مدير التطبيقات Verge3D. أدخل اسم المشروع في مربع الحوار الموضح أدناه واترك بقية الإعدادات كما هي.



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



المرحلة التالية هي إنشاء المواد والقوام. تذكر أنه يمكنك دائمًا التعرف على المواد ببساطة من خلال النظر إلى الملفات المصدر في مجموعة Verge3D المثبتة (توجد في دليل applications/ring لإصدار Blender applications/ring_max لإصدار 3ds Max).

الفضة والذهب

هذا ما تبدو عليه مادة الفضة في الخلاط. أساس المادة هو نسيج كروي (يسمى "ring_matcap") ممزوج بخريطة ضوضاء وخريطة عادية. الأول هو سطح "معدني" ، والآخران يجعلان المادة أكثر واقعية. نظرًا لأن لدينا 3 معادن مختلفة: الفضة والوردي والذهب الأصفر ، فإننا نقوم فقط بإجراء تعديلات صغيرة على اللون في كتلة ColorRamp للمادة المعروضة في الصورة.



تبدو المادة الفضية في 3ds Max هي نفسها تقريبًا. إنه أبسط إلى حد ما ، لأنه يحتوي على نسيج إضافي منتشر اللون ، وهو المسؤول عن لون السطح المعدني.

رائع

حان الوقت لمعرفة مادة الماس. لجعل تألق وميض مميز ، قمنا بنمذجة باستخدام طبقتين. تحتوي الطبقة الداخلية من الأحجار الكريمة على بنية شبكية غير منتظمة والمواد التالية:



ولكن هذه هي مادة الطبقة الخارجية من الأحجار الكريمة ، فهي مسؤولة عن حافة الماس:



على الاطلاق صنع الماس في 3ds Max. توضح الصورة أدناه كلا من طبقات الأحجار الكريمة.



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

أضف التفاعل

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

إليك ما يبدو عليه التجميع بأكمله:



كما ترون ، لا يوجد شيء معقد. يوجد على الجانب الأيسر وحدة اختيار الحلقة ، والجانب الأيمن مسؤول عن تغيير المواد.

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

انشر

هذا هو الأبسط. يمكن نشر أي تطبيق Verge3D على مواردك الخاصة أو تحميله على استضافة سحابة Verge3D Network. في الحالة الأخيرة ، ما عليك سوى النقر على رمز الكرة الأرضية الخضراء في مدير التطبيقات ، وفي غضون بضع ثوانٍ / دقائق سيكون مكوِّنك موجودًا في السحابة. في نهاية التنزيل ، سترى شيئًا مثل هذا:



في مربع الحوار ، يمكنك الحصول على رابط مباشر لتطبيقك ، أو جزء من كود HTML لتضمين أداة التهيئة ، أو موقع الويب الخاص بك أو مدونتك (أو متجر جاهز عبر الإنترنت). هناك أزرار لمشاركة التطبيقات عبر الشبكات الاجتماعية.

الخلاصة

وفقًا لملاحظاتي ، شهدت صناعة التداول عبر الإنترنت تغيرات جذرية على مدار العام. يعمل البيع بالتجزئة على تقليل مساحة البيع بالتجزئة بسرعة وينتشر على الإنترنت ، وقد أتاح Facebook تحميل نماذج ثلاثية الأبعاد.

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