יצירת יפה חלקיקים מונפשים עם ספריית Javascript זה
יש טונות של ספריות אנימציה חינם כל עם השפעות שונות והתמחויות. אבל, הספרייה החדשה particles.js הולך לכיוון חדש לגמרי על ידי יצירת חלקיקים מונפשים כי לעבור בזמן אמת בכל רחבי הדף.
ספריה קלה לשימוש זו הינה חופשית לחלוטין וממוקמת על GitHub. זה בהחלט לא יעזור לך לשפר את UX של האתר שלך אבל זה יכול לעזור לך להוסיף קצת אפקטים החלקיקים interlaced אל הרקע.
בדף הראשי, תמצא הדגמה אינטראקטיבית חיה שבו אתה יכול לשחק עם תכונות הספרייה. זה מאפשר לך להתאים את גודל החלקיקים, מהירות, צורה, צבע, מיקום, אתה שם את זה.
מכיוון שזו ספריה מפורטת, היא דורשת הבנה טובה של JavaScript כדי לקבל את זה עובד. לכן הדגמה חיה זו כל כך חשובה מכיוון שהיא מאפשרת לכל אחד לשחק עם ההגדרות האלה כדי לראות מה אפשרי ב- JavaScript.
וגם, אם אתה בסדר עם ייצוא גרפיקה אלה אתה יכול לשמור את התמונות ישירות מהדף ההדגמה של אפליקציית האינטרנט. אתה יכול ייצוא PNG גלם או אפילו שמור את כל ההגדרות המותאמות אישית לתוך קובץ JSON אשר לאחר מכן יבוא ישירות לתוך scriptles.js particles.js.
כברירת מחדל, תוכל לבחור מתוך קומץ נושאים קטנים עם סגנונות חלקיקים שונים:
- כוכבי נאס"א
- בועות
- שלג
- כוכבי ניאן כוכבים
- צורות גיאומטריות ברירת מחדל
עם ברירות מחדל אלה, אתה עדיין יכול לערוך את כל ההגדרות הראשיות כדי לחדד צבעים, עמדות, מהירויות, וכל דבר אחר.
החלק הכי טוב של הספרייה כולה היא חי תכונה התאמה אישית - - מימין בדף הראשי. אם אתה רוצה להיכנס לפרטים nitty-gritty אתה באמת צריך להבין JavaScript ו- frontend קידוד.
אבל, גם מתחיל יכול לעבוד דרך הממשק, לבחור את ההגדרות שהם רוצים, ולייצא הכל כקובץ JSON.
ספרייה מבריקה לכל מי שמעוניין ליצור חלקיקים דינמיים באינטרנט. כדי ללמוד עוד, בקר ריפו GitHub ואתה יכול לחלוק את המחשבות שלך עם היוצר וינסנט Garreauon בטוויטר @ VincentGarreau.
