ספריית JavaScript ליצירת אינטראקציות והנפשות תלת מימד
קוד פתוח JavaScript API המאפשר להמיר רכיבי HTML DOM למישור בעל מרקם אינטראקטיבי. אתה יכול בקלות לנהל WebGL ולמקם את הרשתות שלך ביחס לרכיבי ה-DOM של דף האינטרנט שלך.
curtains.js היא ספריית JavaScript קלת משקל בקוד פתוח המעניקה למפתחי תוכנה את היכולת להפוך את רכיבי ה-HTML DOM שלהם למישורים בעלי מרקם אינטראקטיבי בקלות. הספרייה קטנה בגודלה אך יציבה מאוד ומאפשרת למשתמשים ליצור בקלות אינטראקציות ואנימציות תלת מימד עוצמתיות. זה יכול לתרגם ללא מאמץ רכיבי HTML המכילים תמונות וסרטוני וידאו למישורים בעלי מרקם 3D WebGL, ולאפשר למשתמשים להנפיש אותם באמצעות הצללות.
הספרייה מאוד קלה לשימוש אבל אתה צריך להיות בעל ידע בסיסי טוב של HTML, CSS, JavaScript והצללות. shader הוא קבוצה של הוראות הפועלת בצינור הגרפיקה ואומרת למחשב כיצד לעבד כל פיקסל. אתה גם צריך לדעת יותר על הצללות הקודקוד והשברים, כיצד להשתמש במדים וכן את יסודות התחביר של GLSL.
curtain.js זה זמין תחת רישיון MIT מה שאומר שהוא חופשי לשימוש עבור פרויקטים אישיים ומסחריים. המטרה העיקרית של הספרייה היא לספק דרך קלה לטיפול ב-WebGL ולמיקום הרשתות שלך ביחס לרכיבי ה-DOM של דף האינטרנט שלך. WebGL הוא JavaScript API לעיבוד בזמן אמת של גרפיקה תלת-ממדית ודו-ממדית בתוך דפדפן.
תחילת העבודה עם Zen-3d
הדרך הקלה ביותר להתקין curtains.js היא באמצעות npm. אנא השתמש בפקודה הבאה להתקנה חלקה.
התקן את curtains.js באמצעות NPM
npm i curtainsjs נהל סצנות באמצעות JavaScript
ספריית הקוד הפתוח curtains.js כללה פונקציונליות שימושית הקשורה לניהול סצינות ולמאפיינים הרלוונטיים שלה. הסצנה תערם את כל האובייקטים שיצוירו כולל מישורים ומעברי הצללה במערכים שונים, ותקרא להם בסדר הנכון לציור. אתה יכול בקלות לאפס את ערימות המטוס, לנקות את ערימת המקום, לבנות אותה מחדש עם אינדקסי המקומות החדשים, להוסיף מטוסים חדשים לסצנה, להסיר מטוס מסצנה, לשנות את המיקום של מטוס, וכן הלאה.
טיפול בנכסי טיוח
הספרייה החינמית curtains.js מספקת את היכולת לטפל בעיבודים באפליקציה שלך בקלות. הטיפול במחלקת Renderer סיפק מספר פונקציות חשובות הקשורות להקשר של WebGL כגון יצירה ושחזור, הרחבות, פקודות WebGL ועוד. ניתן להשתמש בו כדי ליצור קונטיינר, להוסיף קנבס, לטפל בהרחבות WebGL, אירועי אובדן/שחזור של הקשר וליצור אובייקט מחלקה Scene שיעקוב אחר כל האובייקטים שנוספו. מלבד האמור לעיל, הוא תומך גם בטיפול בפקודות WebGL גלובליות, כגון פינוי סצנה, כריכת מסגרת חוצץ, הגדרת עומק, פונקציית blend וכו'.
הנפשת תמונות וסרטונים באמצעות JavaScript
ספריית הקוד הפתוח curtains.js מעניקה למפתחי תוכנה את הכוח להנפיש תמונות וסרטונים בתוך האפליקציות שלהם בקלות. הספרייה מאפשרת למפתחים ליצור מטוסים המכילים תמונות וסרטונים הפועלים כמו רכיבי HTML פשוטים, עם מיקום וגודל מוגדרים על ידי כללי CSS. אתה יכול גם להשתמש בטקסטורות מרובות, מישורים מרובים, טקסט קנבס מרובים מישורים, טקסטורות וידאו מרובות ועוד רבים נוספים.
