کتابخانه جاوا اسکریپت برای ایجاد تعاملات و انیمیشن‌های سه بعدی
یک API جاوا اسکریپت منبع باز که اجازه می دهد عناصر HTML DOM را به صفحه بافت تعاملی تبدیل کنید. به راحتی می‌توانید WebGL را مدیریت کنید و مش‌های خود را نسبت به عناصر DOM صفحه وب خود قرار دهید.
curtains.js یک کتابخانه سبک منبع باز جاوا اسکریپت است که به توسعه دهندگان نرم افزار این قابلیت را می دهد تا عناصر HTML DOM خود را به راحتی به صفحات بافت تعاملی تبدیل کنند. این کتابخانه از نظر اندازه کوچک است اما بسیار پایدار است و به کاربران اجازه می دهد به راحتی تعاملات و انیمیشن های سه بعدی قدرتمند ایجاد کنند. می‌تواند بدون زحمت عناصر HTML حاوی تصاویر و ویدیوها را به صفحات بافت‌دار WebGL سه‌بعدی ترجمه کند، و به کاربران اجازه می‌دهد آنها را از طریق سایه‌زن‌ها متحرک کنند.
استفاده از این کتابخانه بسیار آسان است، اما باید دانش اولیه خوبی از HTML، CSS، جاوا اسکریپت و سایه بان ها داشته باشید. shader مجموعه‌ای از دستورالعمل‌ها است که در خط لوله گرافیکی اجرا می‌شود و به رایانه می‌گوید چگونه هر پیکسل را ارائه کند. همچنین باید درباره سایه‌زن‌های راس و قطعه، نحوه استفاده از یونیفرم‌ها و همچنین اصول نحو GLSL بیشتر بدانید.
این curtains.js تحت مجوز MIT در دسترس است، به این معنی که استفاده از آن برای پروژه های شخصی و تجاری رایگان است. هدف اصلی کتابخانه ارائه راهی آسان برای مدیریت WebGL و قرار دادن مش های شما نسبت به عناصر DOM صفحه وب شما است. WebGL یک API جاوا اسکریپت برای رندر زمان واقعی گرافیک های سه بعدی و دو بعدی در یک مرورگر است.
شروع کار با Zen-3d
ساده ترین راه برای نصب curtains.js استفاده از npm است. لطفا از دستور زیر برای نصب راحت استفاده کنید.
Curtains.js را از طریق NPM نصب کنید
npm i curtainsjs مدیریت صحنه ها با استفاده از جاوا اسکریپت
کتابخانه منبع باز curtains.js دارای عملکرد مفید مربوط به مدیریت صحنه ها و ویژگی های مربوط به آن است. صحنه تمام اشیایی را که ترسیم خواهند شد، از جمله پلن ها و گذرهای سایه زن را در آرایه های مختلف انباشته می کند و آنها را به ترتیب درست برای ترسیم فراخوانی می کند. می‌توانید به راحتی پشته‌های هواپیما را بازنشانی کنید، پشته مکان را پاک کنید، آن را با فهرست‌های مکان جدید بازسازی کنید، هواپیماهای جدید را به یک صحنه اضافه کنید، هواپیما را از یک صحنه حذف کنید، موقعیت هواپیما را تغییر دهید و غیره.
Handling Renders Properties
کتابخانه رایگان curtains.js این قابلیت را برای مدیریت رندرها در داخل برنامه خود به راحتی فراهم می کند. مدیریت کلاس Renderer چندین عملکرد مهم مرتبط با زمینه WebGL مانند ایجاد و بازیابی، برنامه‌های افزودنی، دستورات WebGL و موارد دیگر را ارائه کرده است. می توان از آن برای تولید یک کانتینر، افزودن یک بوم، مدیریت پسوندهای WebGL، رویدادهای از دست رفته/بازیابی متن، و ایجاد یک شی کلاس Scene که تمام اشیاء اضافه شده را ردیابی می کند، استفاده کرد. جدا از موارد فوق، از مدیریت دستورات WebGL جهانی نیز پشتیبانی می کند، مانند پاکسازی صحنه، اتصال بافرهای فریم، عمق تنظیم، عملکرد ترکیب و غیره.
تصاویر و ویدیوها را از طریق جاوا اسکریپت متحرک کنید
کتابخانه منبع باز curtains.js به توسعه دهندگان نرم افزار این قدرت را می دهد که تصاویر و ویدیوها را در برنامه های خود به راحتی متحرک کنند. این کتابخانه به توسعه‌دهندگان امکان می‌دهد تا هواپیماها حاوی تصاویر و ویدیوهایی را ایجاد کنند که مانند عناصر ساده HTML عمل می‌کنند و موقعیت و اندازه آن توسط قوانین CSS تعریف شده است. همچنین می‌توانید از چندین بافت، چندین صفحه، متن بوم چند صفحه، بافت ویدیوی چندگانه و بسیاری موارد دیگر استفاده کنید.
