Blend4Web

Blend4Web هو إطار عمل مجاني ومفتوح المصدر لإنشاء وعرض رسومات الكمبيوتر ثلاثية الأبعاد التفاعلية في متصفحات الويب .

ملخص

يستفيد إطار عمل Blend4Web من برنامج Blender لتحرير المشاهد ثلاثية الأبعاد. ويعتمد عرض المحتوى على WebGL و Web Audio و WebVR ومعايير الويب الأخرى ، دون استخدام أي إضافات . [ 2 ]

هو مرخص بترخيص مزدوج . يتم توزيع الإطار بموجب رخصة GPLv3 المجانية والمفتوحة المصدر ، ورخصة أخرى غير مجانية - مع استضافة شفرة المصدر على GitHub . [ 3 ]

يمكن إعداد مشهد ثلاثي الأبعاد في برنامج Blender ثم تصديره كملفين، أحدهما JSON والآخر ثنائي ، لتحميله في تطبيق ويب . كما يمكن تصديره كملف HTML واحد متكامل، يضم البيانات المصدرة وواجهة المستخدم الرسومية لمشغل الويب ومحرك اللعبة نفسه. [ 4 ] يُعد خيار HTML هو الأبسط. [ 5 ] يمكن تضمين الملف الناتج، الذي لا يقل حجمه عن 1 ميجابايت ، في صفحة ويب باستخدام عنصر iframe القياسي في HTML . [ 6 ] يمكن نشر تطبيقات الويب التي تعمل بتقنية Blend4Web على مواقع التواصل الاجتماعي مثل فيسبوك . [ 7 ]

تتكون مجموعة أدوات Blend4Web من مكتبات JavaScript ، وملحق Blender ، ومجموعة من الأدوات لتعديل معلمات المشهد ثلاثي الأبعاد، وتصحيح الأخطاء ، والتحسين .

تم تطوير Blend4Web بواسطة شركة Triumph التي تتخذ من موسكو مقراً لها في عام 2010، وتم إصداره للجمهور في 28 مارس 2014. [ 8 ]

في نهاية عام 2017، استقال مؤسسا المشروع يوري وأليكس كوفيلينوف من شركة Triumph لبدء تطوير إطار عمل WebGL جديد باسم Verge3D . [ 9 ]

في أكتوبر 2019، تم الإعلان عن "Blend4Web الجديد تمامًا" [ 10 ] ، والذي كان من المخطط له تسهيل تطوير تطبيقات ثلاثية الأبعاد وإضافة سوق جديد حيث يمكن للأشخاص عرض نماذجهم ثلاثية الأبعاد .

سمات

يحتوي الإطار على عدد من المكونات الموجودة عادةً في محركات الألعاب ، بما في ذلك نظام الصوت المكاني ، ومحرك الفيزياء ( نسخة معدلة من Bullet تم نقلها إلى JavaScriptونظام الرسوم المتحركة ، وطبقة تجريدية لبرمجة منطق اللعبة. [ 11 ]

يمكن تعيين ما يصل إلى 8 أنواع مختلفة من الرسوم المتحركة لكائن واحد، بما في ذلك الرسوم المتحركة الهيكلية والرسوم المتحركة لكل رأس . ويمكن تغيير سرعة واتجاه الرسوم المتحركة (تشغيل للأمام/للخلف)، بالإضافة إلى معلمات نظام الجسيمات (الحجم والسرعة الابتدائية والعدد)، من خلال واجهة برمجة التطبيقات (API ). [ 12 ]

ومن بين الميزات الأخرى المدعومة: التحميل والتفريغ الديناميكي لبيانات المشهد، ومحاكاة التشتت تحت السطحي ، والإضاءة القائمة على الصور . [ 13 ]

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

يعتمد Blend4Web على واجهة برمجة تطبيقات WebGL متعددة المتصفحات ، ويعمل على معظم متصفحات الويب [ 15 ] ، بما في ذلك متصفحات الهواتف المحمولة. [ 16 ] مع ذلك، توجد بعض القيود على المتصفحات التي تدعم WebGL تجريبيًا، مثل Internet Explorer . [ 17 ] كما توجد تطبيقات مصممة للعمل على الأجهزة التي تعمل بنظام Tizen ، مثل ساعة Samsung Gear S2 الذكية. [ 18 ]

وتشمل الميزات الأخرى: تجميع استدعاءات الرسم، وتحديد السطح المخفي ، ومحاكاة الفيزياء متعددة الخيوط ، ومحاكاة المحيط. [ 19 ]

في الإصدار 14.09، أتاح برنامج Blend4Web إمكانية إضافة تفاعلية إلى المشاهد ثلاثية الأبعاد باستخدام أداة برمجة مرئية . [ 20 ] [ 21 ] تشبه هذه الأداة محرر المنطق في محرك BGE ، حيث تستخدم كتلًا منطقية موضوعة داخل برنامج Blender. وتقوم بتشغيل مسارات الرسوم المتحركة التي أنشأها الفنان عند تفاعل المستخدم مع كائنات ثلاثية الأبعاد مُعرَّفة مسبقًا. [ 22 ]

منذ الإصدار 15.03، يدعم Blend4Web إرفاق عناصر HTML (مثل نوافذ المعلومات) بالكائنات ثلاثية الأبعاد ("التعليقات التوضيحية") ونسخ الكائنات في وقت التشغيل ("النسخ"). [ 23 ]

يتم دعم تأثيرات ما بعد المعالجة التالية : التوهج، والتوهج ، وعمق المجال ، وأشعة الشفق ، وضبابية الحركة ، والتظليل المحيطي لمساحة الشاشة . [ 24 ]

الواقع الافتراضي والواقع المعزز

أصبحت أجهزة الواقع الافتراضي مدعومة منذ نهاية عام 2015. وعلى وجه التحديد، تعمل شاشة العرض المثبتة على الرأس Oculus Rift عبر واجهة برمجة تطبيقات WebVR التجريبية . [ 25 ]

يتضمن البرنامج الآن أيضًا دعمًا أوليًا لأجهزة التحكم بالألعاب ، استنادًا إلى واجهة برمجة تطبيقات أجهزة التحكم بالألعاب. [ 26 ]

في عام 2017، أُضيفت إمكانية إنشاء محتوى الواقع المعزز . [ 27 ] يعتمد النظام على مكتبة التتبع مفتوحة المصدر ARToolKit ويستخدم بروتوكولات WebRTC . [ 28 ]

ابتداءً من الإصدار 17.08، أصبح تتبع الأصابع مدعومًا من خلال جهاز Leap Motion . [ 29 ]

التكامل مع برنامج بلندر

تمت كتابة الملحق Blender بلغة Python و C ويمكن تجميعه لمنصات Linux x86 /x64 و OS X x64 و MS Windows x86/x64 .

يمكن تفعيل ملف تعريف خاص بـ Blend4Web في إعدادات الإضافة. عند التبديل إلى ملف التعريف هذا، تتغير واجهة Blender بحيث لا تعرض إلا الإعدادات المتعلقة بـ Blend4Web. [ 30 ]

يدعم Blend4Web مجموعة من الميزات الخاصة ببرنامج Blender، مثل محرر مواد العقد (أداة لبرمجة التظليل المرئي ) [ 31 ] ونظام الجسيمات . [ 32 ] كما يوفر دعمًا أساسيًا لمحرر الرسوم المتحركة غير الخطية (NLA) الخاص ببرنامج Blender لإنشاء سيناريوهات بسيطة.

يعتمد Blend4Web على محرك عرض GLSL في الوقت الفعلي الخاص ببرنامج Blender ، والذي يُنصح المستخدمون باستخدامه لتمكين التحرير المرئي . [ 33 ]

الاستخدامات البارزة

طوّرت وكالة ناسا تطبيقًا تفاعليًا على الويب يُدعى "تجربة كيوريوسيتي" احتفالًا بالذكرى السنوية الثالثة لهبوط مركبة كيوريوسيتي الجوالة على سطح المريخ . [ 34 ] يُمكّن هذا التطبيق، المُعتمد على منصة Blend4Web [ 35 من تشغيل المركبة الجوالة، والتحكم بكاميراتها وذراعها الآلية ، وإعادة تمثيل بعض الأحداث البارزة لمهمة مختبر علوم المريخ . [ 36 ] [ 37 ] عُرض التطبيق في بداية قسم WebGL في مؤتمر SIGGRAPH 2015. [ 38 ]

تم نقل برنامج Experience Curiosity إلى Verge3D لبرنامج Blender في عام 2018 مع العديد من التحسينات في الأداء وإصلاحات الأخطاء. [ 39 ]

قام وكيل معتمد لشركة جنرال موتورز في الإمارات العربية المتحدة بوضع أداة تصميم ثلاثية الأبعاد فعّالة لسيارة شيفروليه كامارو على موقعه الإلكتروني. [ 40 ] [ 41 ]

ابتكرت منظمة غرينبيس رسومًا بيانية تفاعلية ثلاثية الأبعاد لدعم حملة التخلص من السموم التي أطلقتها في روسيا. [ 42 ] وعرضت شركة تالينك عرضًا تفاعليًا ثلاثي الأبعاد لسفينتها إم إس ميغاستار لتمكين الزوار من استعراض تفاصيل السفينة. [ 43 ]

انظر أيضاً

مراجع

  1. "الموقع الرسمي لـ Blend4Web - نبذة عنا" . blend4web.com . تم الاطلاع عليه بتاريخ 20 يونيو 2024 .
  2. "Blend4Web: الحل مفتوح المصدر للرسومات ثلاثية الأبعاد عبر الإنترنت" . Mozilla Hacks. 2014-10-07 . تم الاطلاع عليه بتاريخ 2015-08-13 .
  3. "Blend4Web على GitHub" . GitHub.com/TriumphLLC . تم الاطلاع عليه بتاريخ 11 أغسطس 2014 .
  4. ^ براهوف ، أندري (يوليو ، 2015). "Blend4Web". تنسيق لينكس ، ص. 20.
  5. "Blend4Web، عارض ثلاثي الأبعاد تفاعلي" . BlenderNation.com. 11 يوليو 2014. تم الاطلاع عليه بتاريخ 11 أغسطس 2014 .
  6. "Blend4Web: إمكانية إنشاء خدمة ثلاثية الأبعاد على موقع الويب باستخدام WebGL" (بالروسية). Belursus.info. مؤرشفة من الأصلي بتاريخ 2015-06-26 . تم الاسترجاع 2014/09/04 .
  7. "نماذج بلندر على فيسبوك" . دالاي فيلينتو. 10 سبتمبر 2015. مؤرشف من الأصل في 4 مارس 2016. تم الاطلاع عليه في 11 سبتمبر 2015 .
  8. "الموقع الرسمي لـ Blend4Web - نبذة عنا" . Blend4Web.com . تاريخ الوصول: 13 أغسطس 2015 .
  9. "بدء التشغيل" . Soft8Soft. 5 أكتوبر 2017. تم الاسترجاع في 23 نوفمبر 2017 .
  10. "Blend4Web الجديد" . Blend4Web . مؤرشف من الأصل بتاريخ 25 فبراير 2021. تم الاطلاع عليه بتاريخ 7 مارس 2021 .
  11. "تم تصميم Blend4Web، طريقة إنشاء تطبيقات ثلاثية الأبعاد رائعة" . OpenNet.ru . تم الاسترجاع 2015/06/18 .
  12. "إصدار فيديو لإنشاء تطبيقات ثلاثية الأبعاد من Blend4Web 14.08" . OpenNet.ru . تم الاسترجاع 2015/08/13 .
  13. "تحديث Blend4Web يُضيف إضاءة مُحسّنة وميزات أخرى" . BlenderNation.com. 25 يوليو 2014. تاريخ الاطلاع: 13 أغسطس 2014 .
  14. "Blend4Web: "المزرعة" - عرض توضيحي لأقل ما يمكن من الفضائل في العالم" . إخت فيرتويل. 17 سبتمبر 2014 . تم الاسترجاع 2014/09/18 .
  15. "هل يمكنني استخدام WebGL؟" . caniuse.com . تم الاطلاع عليه بتاريخ 15-08-2014 .
  16. "HTML5، والويب ثلاثي الأبعاد، ونهاية الإضافات" . 3dspace.com. مؤرشف من الأصل بتاريخ 15 فبراير 2016. تم الاطلاع عليه بتاريخ 18 فبراير 2016 .
  17. "Blend4Web: طريقة إنشاء مشاهد ونشرات ثلاثية الأبعاد" . Kaldata: مراجعات البرامج والأجهزة والألعاب. 7 أبريل 2014 . تم الاسترجاع 2014/09/04 .
  18. "واجهات ساعات ثلاثية الأبعاد في الوقت الفعلي من Luxury Watches لساعة Gear S2" . خبراء Tizen . تم الاطلاع عليه بتاريخ 12 أغسطس 2016 .
  19. كوزي، باتريك. رؤى حول WebGL . دار نشر CRC، 2015 ISBN 978-1-49-871607-9.
  20. "تحديث Blend4Web: الرسوم المتحركة غير الخطية والمزيد" . BlenderNation.com. 29 سبتمبر 2014. تم الاطلاع عليه بتاريخ 29-09-2014 .
  21. "الإطار الجديد Blend4Web 14.09" . digilinux.ru. مؤرشفة من الأصلي بتاريخ 28-09-2014 . تم الاسترجاع 2014/09/29 .
  22. "Blend4Web: نظرة عامة على البرامج الجديدة الرائعة" . habrahabr.ru. 3 يونيو 2015 . تم الاسترجاع 2015/06/04 .
  23. "Blend4web: التعليقات التوضيحية التفاعلية وغيرها من العناصر الجديدة" . جريج جدبينيكورت. مؤرشف من الأصل بتاريخ 14-05-2016 . تم الاسترجاع 2015/05/29 .
  24. "إصدار فيديو لإنشاء تطبيقات ثلاثية الأبعاد من Blend4Web 15.05" . OpenNet.ru . تم الاسترجاع 2015/06/18 .
  25. "ترايمف تُصدر Blend4Web 15.12" . cgchannel.com . تاريخ الاسترجاع: 18 فبراير 2016 .
  26. "ترايمف تُصدر Blend4Web 16.08" . cgchannel.com . تاريخ الاسترجاع: 14 سبتمبر 2016 .
  27. "إصدار Blend4Web 17.06 متوفر الآن" . 80 Level. 7 يوليو 2017. تاريخ الاسترجاع: 14 يوليو 2017 .
  28. "يضيف Blend4Web 17.06 دعمًا للواقع المعزز" . cgchannel.com . تم الاطلاع عليه بتاريخ 14 يوليو 2017 .
  29. "Blend4Web" . blog.r23.de. 5 سبتمبر 2017. تم الاطلاع عليه بتاريخ 7 سبتمبر 2017 .
  30. "Blend4Web – أداة لا غنى عنها لمحبي برنامج Blender!" . 3ddey.com. مؤرشف من الأصل بتاريخ 1 يونيو 2015. تم الاطلاع عليه بتاريخ 29 مايو 2015 .
  31. "الويب التفاعلي ثلاثي الأبعاد – هل Das Die Zukunft؟" . 3D-magazin.eu. 15 سبتمبر 2016 . تم الاسترجاع 2016/09/16 .
  32. "تطبيقات الويب ثلاثية الأبعاد مع تصميم Blend4Web" . entwickler.de. مؤرشفة من الأصلي بتاريخ 2016-03-03 . تم الاسترجاع 2015/05/29 .
  33. "Blend4Web: تسهيلات التصدير في HTML" . BlenderLounge. 12 يوليو 2015 . تم الاسترجاع 2015/07/17 .
  34. "أدوات استكشاف جديدة عبر الإنترنت تُتيح لجيل جديد فرصة استكشاف رحلة ناسا إلى المريخ" . ناسا. 5 أغسطس 2015. تاريخ الاسترجاع: 7 أغسطس 2015 .
  35. "تجربة الفضول" . عيون ناسا . تم الاسترجاع في 7 أغسطس 2015 .
  36. "استخدم التحكم في الفضول من خلال Blend4Web" . جريج جدبينيكورت. مؤرشفة من الأصلي بتاريخ 2015-09-19 . تم الاسترجاع 2015/09/16 .
  37. "الإنترنت ثلاثي الأبعاد: قم بجولة افتراضية على مركبة كيوريوسيتي الجوالة مباشرةً على موقع ناسا الإلكتروني" . Technology.Org. 11 أغسطس 2015. تم الاطلاع عليه بتاريخ 12 أغسطس 2015 .
  38. "أحداث كرونوس - سيغراف 2015" . كرونوس. 10 أغسطس 2015. تم الاطلاع عليه بتاريخ 13 أغسطس 2015 .
  39. "تجربة الفضول: ناسا تلجأ إلى Verge3D" . Soft8Soft. 27 يونيو 2018. تم الاطلاع عليه بتاريخ 3 نوفمبر 2018 .
  40. ^ "BLEND4WEB: مكوّن الأمم المتحدة لصب شيفروليه" . benicourt.com. مؤرشف من الأصل بتاريخ 2017-06-26 . تم الاسترجاع 2017/06/23 .
  41. "الكندي للسيارات" . الكندي للسيارات . تم الاسترجاع 2017/06/23 .
  42. ^ "الموضة الصينية - غرينبيس روسيا" . منظمة السلام الأخضر. مؤرشف من الأصل بتاريخ 2016-10-03 . تم الاسترجاع 2016/09/14 .