مكتبة جافا سكريبت لإنشاء تفاعلات ورسوم متحركة ثلاثية الأبعاد
واجهة برمجة تطبيقات JavaScript API مفتوحة المصدر تسمح بتحويل عناصر HTML DOM إلى مستوى منسوج تفاعلي. يمكنك بسهولة إدارة WebGL وتحديد موضع الشبكات الخاصة بك بالنسبة لعناصر DOM لصفحة الويب الخاصة بك.
Curtain.js هي مكتبة جافا سكريبت خفيفة الوزن مفتوحة المصدر تمنح مطوري البرامج القدرة على تحويل عناصر HTML DOM الخاصة بهم إلى طائرات ذات نسيج تفاعلي بسهولة. المكتبة صغيرة الحجم ولكنها مستقرة جدًا مما يتيح للمستخدمين إنشاء تفاعلات ورسوم متحركة ثلاثية الأبعاد قوية بسهولة. يمكنه بسهولة ترجمة عناصر HTML التي تحتوي على الصور ومقاطع الفيديو إلى طائرات ثلاثية الأبعاد بتقنية WebGL ، مما يتيح للمستخدمين تحريكها عبر تظليل.
المكتبة سهلة الاستخدام للغاية ولكن يجب أن تكون لديك معرفة أساسية جيدة بـ HTML و CSS و JavaScript و shaders. التظليل عبارة عن مجموعة من الإرشادات التي تعمل في مسار الرسومات وتخبر الكمبيوتر بكيفية عرض كل بكسل. تحتاج أيضًا إلى معرفة المزيد عن التظليل الرأسي والشظايا ، وكيفية استخدام الزي الرسمي بالإضافة إلى أساسيات بناء جملة GLSL.
هذه الستائر متاحة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا مما يعني أنه مجاني للاستخدام في المشاريع الشخصية والتجارية. الهدف الرئيسي للمكتبة هو توفير طريقة سهلة للتعامل مع WebGL وتحديد موضع الشبكات الخاصة بك بالنسبة لعناصر DOM لصفحة الويب الخاصة بك. WebGL عبارة عن واجهة برمجة تطبيقات JavaScript لعرض الرسومات ثلاثية الأبعاد وثنائية الأبعاد في الوقت الفعلي داخل المستعرض.
الشروع في العمل مع Zen-3d
أسهل طريقة لتثبيت curtain.js هي استخدام npm. الرجاء استخدام الأمر التالي للتثبيت السلس.
قم بتثبيت Curtain.js عبر NPM
npm i curtainsjs إدارة المشاهد باستخدام JavaScript
تضمنت مكتبة Curtain.js مفتوحة المصدر وظائف مفيدة تتعلق بإدارة المشاهد وخصائصها ذات الصلة. سيقوم المشهد بتكديس جميع الكائنات التي سيتم رسمها بما في ذلك الطائرات وممرات التظليل في مصفوفات مختلفة ، ثم استدعاءها بالترتيب الصحيح ليتم رسمها. يمكنك بسهولة إعادة تعيين مكدسات المستوى ، ومسح مكدس المكان ، وإعادة بنائه باستخدام فهارس الأماكن الجديدة ، وإضافة مستويات جديدة إلى مشهد ، وإزالة مستوى من المشهد ، وتغيير موضع المستوى ، وما إلى ذلك.
التعامل مع خصائص التجسيد
توفر مكتبة Curtain.js المجانية إمكانية التعامل مع العروض داخل تطبيقك الخاص بكل سهولة. قدمت معالجة فئة Renderer العديد من الوظائف المهمة المتعلقة بسياق WebGL مثل الإنشاء والاستعادة والإضافات وأوامر WebGL والمزيد. يمكن استخدامه لإنشاء حاوية ، وإلحاق لوحة قماشية ، والتعامل مع ملحقات WebGL ، وفقدان السياق / أحداث الاستعادة ، وإنشاء كائن فئة Scene يتتبع جميع الكائنات المضافة. بصرف النظر عما سبق ، فإنه يدعم أيضًا التعامل مع أوامر WebGL العالمية ، مثل إزالة المشهد ، وربط المخازن المؤقتة للإطار ، وضبط العمق ، ووظيفة المزج ، وما إلى ذلك.
تحريك الصور ومقاطع الفيديو عبر JavaScript
توفر مكتبة Curtain.js للمكتبة مفتوحة المصدر لمطوري البرامج القدرة على تحريك الصور ومقاطع الفيديو داخل تطبيقاتهم بسهولة. تتيح المكتبة للمطورين إنشاء طائرات تحتوي على صور ومقاطع فيديو تعمل كعناصر HTML عادية ، مع تحديد الموضع والحجم بواسطة قواعد CSS. يمكنك أيضًا استخدام مواد متعددة ، ومستويات متعددة ، ونص قماش متعدد المستويات ، ونسيج فيديو متعدد ، وغير ذلك الكثير.
