Babylon.js

Babylon.js هي مكتبة جافا سكريبت ومحرك ثلاثي الأبعاد لعرض رسومات ثلاثية الأبعاد في الوقت الفعلي في متصفح الويب عبر HTML5 . يتوفر كود المصدر على GitHub ويتم توزيعه بموجب رخصة أباتشي 2.0 .

صدرت النسخة الأولى من Babylon.js عام 2013 بموجب ترخيص مايكروسوفت العام ، بعد أن طوّرها اثنان من موظفي مايكروسوفت في أوقات فراغهما كمشروع جانبي. أنشأ ديفيد كاتوه محرك الألعاب ثلاثي الأبعاد ، بينما أضاف ديفيد روسيه دعم الواقع الافتراضي ، ووحدات التحكم، وقاعدة بيانات IndexedDB . وقد ساعدهما الفنان ميشيل روسو، الذي ساهم في تصميم العديد من المشاهد ثلاثية الأبعاد. يعتمد Babylon.js على محرك ألعاب سابق لنظام Silverlight ثلاثي الأبعاد المبني على WPF . ^{[ 4 ] [ 5 ]} ثم تحوّل مشروع كاتوه الجانبي إلى وظيفته بدوام كامل، ومحور تركيز فريقه الرئيسي. ^{[ 6 ]} وفي عام 2015، عُرض المشروع في مؤتمر WebGL في باريس. ^{[ 7 ]} بعد الترويج له ^{[ 8 ] [ 9 ]} وتطبيقه في الألعاب، ^{[ 10 ]} أصدرت شركة يوبيسوفت، ناشرة ألعاب الفيديو ، لعبة أساسنز كريد مبنية على هذه المكتبة في عام 2014. ^{[ 11 ]} وبحلول عام 2024، بلغ عدد المساهمين في المشروع أكثر من 500 مساهم. ^{[ 12 ]}

وقد تطور استخدامه ليشمل مجالات متنوعة مثل:

• العوالم الافتراضية ^{[ 13 ]}
• تصور بيانات الجريمة ^{[ 14 ]}
• التعليم في الطب ^{[ 15 ] [ 16 ]}
• صور رمزية للأزياء ^{[ 17 ]}
• إدارة جهاز كينكت على الويب ^{[ 18 ]}
• التدريب العسكري ^{[ 19 ]}
• نمذجة المواقع التاريخية ^{[ 20 ] [ 21 ]}
• تصميم المنتج ^{[ 22 ] [ 23 ]}
• رسوم بيانية RDF ^{[ 24 ]}
• نمذجة البنية التحتية الحضرية تحت الأرض ^{[ 25 ]}

في 27 مارس 2025، تم إصدار Babylon.js 8.0. ^{[ 26 ]}

يُكتب الكود المصدري بلغة TypeScript ثم يُحوّل إلى نسخة JavaScript . تتوفر نسخة JavaScript للمستخدمين النهائيين عبر NPM أو CDN، حيث يقومون بدورهم بكتابة مشاريعهم بلغة JavaScript باستخدام واجهة برمجة التطبيقات (API) الخاصة بالمحرك. يتم تفسير محرك Babylon.js ثلاثي الأبعاد وكود المستخدم بشكل أصلي بواسطة متصفحات الويب التي تدعم معيار HTML5 و WebGL لتنفيذ عملية العرض ثلاثي الأبعاد .

تعتمد عملية النمذجة ثلاثية الأبعاد على نمذجة المضلعات، حيث تُمثَّل الأوجه المثلثية بنماذج قشرية. ^{[ 27 ]} يُمكن استخدام الهندسة الصلبة البنائية بشكل محدود ، ولكن فقط كطريقة انتقالية لإنشاء اتحاد وطرح وتقاطع النماذج القشرية. ^{[ 28 ]} بعد إنشاء النماذج، تُعرض على عنصر لوحة الرسم HTML5 باستخدام برنامج تظليل يُحدد مواقع البكسل وألوانها على اللوحة باستخدام نماذج المضلعات، والنسيج المُطبق على كل نموذج، وكاميرا المشهد والإضاءة، بالإضافة إلى مصفوفات العالم 4×4 لكل كائن، والتي تُخزن موقعه ودورانه وحجمه. ^{[ 29 ]} تعتمد تقنية إنتاج الصور الواقعية على العرض الفيزيائي ^{[ 30 ]} إلى جانب أساليب ما بعد المعالجة . ^{[ 31 ]} لمحاكاة التصادمات بين النماذج وغيرها من التفاعلات الفيزيائية في العالم الحقيقي، يلزم إضافة أحد محركي الفيزياء كإضافات: Cannon.js أو Oimo. ^{[ 32 ]} يتم إنجاز الرسوم المتحركة التي تتضمن، على سبيل المثال، تغييرات في موضع أو لون النماذج بواسطة كائنات الرسوم المتحركة ذات الإطارات الرئيسية المسماة "الرسوم المتحركة"، بينما يتم تحقيق الرسوم المتحركة الكاملة للشخصية من خلال استخدام الهياكل العظمية ذات أوزان المزج . ^{[ 31 ] [ 33 ]}

• قائمة مكتبات الرسومات ثلاثية الأبعاد
• قائمة أطر عمل WebGL
• مكتبة جافا سكريبت
• إطار عمل الويب

• إلستر، جوش (2022). الوصول إلى أبعد مدى مع Babylon.js: بناء تطبيقات تفاعلية قابلة للتوسيع والصيانة وجذابة قائمة على المتصفح من البداية إلى النهاية . دار نشر Packt. رقم ISBN 978-1801076586.
• شينارد، جوليان (2017). تعلم Babylon.js: تعلم أساسيات إطار عمل Babylon.js ثلاثي الأبعاد من خلال إنشاء لعبة كاملة! منشور ذاتيًا. ISBN 978-1520730448.
• مورو ماتيس، جوليان (2016). أساسيات Babylon.js . نشر الحزمة. رقم ISBN 978-1785884795أُرشف من المصدر الأصلي بتاريخ 11 أبريل 2019. تم الاطلاع عليه بتاريخ 9 سبتمبر 2018 .
• شينارد، جوليان (2015). تعلم BabylonJS . مؤرشف من النسخة الأصلية (الكتاب الإلكتروني) بتاريخ 23 أغسطس 2016. تم الاطلاع عليه بتاريخ 9 سبتمبر 2018 .
• كوزي، باتريك (2015). "تصميم محرك WebGL في Babylon.js" . WebGL Insights . CRC Press . ISBN 978-1498716079.
• تشينارد، جوليان. مورو ماتيس، جوليان (2016). "Réaliser un jeu en 3D avec BabylonJS" [ إنشاء لعبة ثلاثية الأبعاد باستخدام BabylonJS ] (PDF) . برمجة! (باللغة الفرنسية).
• بوسكي، جيروم (2015). "La 3D sur le Web avec BabylonJS" [ 3D على الويب باستخدام BabylonJS ] (PDF) . برمجة! (باللغة الفرنسية).
• كاتوهي، ديفيد (2014). "Sous le capot d'un moteur 3D" [ تحت غطاء محرك ثلاثي الأبعاد ] (PDF) . برمجة! (باللغة الفرنسية).

• الموقع الرسمي