אלומת פוטונים
מניפה של סיבים דקים מתכנסת לאלומה אחת ופולסים זוהרים רצים לאורכה. בנוי ב-three.js עם זוהר.
התאמה
colorBg
colorLine
colorSignal
מבוסס על Photon Beam (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
13 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| colorBg | string | "#0a0a0a" | צבע הרקע. |
| colorLine | string | "#525252" | צבע הסיבים. |
| colorSignal | string | "#ffffff" | צבע פולסי האור. |
| lineCount | number | 80 | מספר הסיבים. |
| signalCount | number | 90 | מספר הפולסים בו זמנית. |
| spreadHeight | number | 30 | כמה רחב נפתחת המניפה משמאל. |
| waveHeight | number | 0.15 | גובה הגל במניפה. |
| trailLength | number | 3 | אורך הזנב של הפולס. |
| speed | number | 1 | מהירות. 0 עוצר את התנועה. |
| bloomStrength | number | 1.6 | עוצמת הזוהר. |
| lineOpacity | number | 0.55 | אטימות הסיבים. |
| children | ReactNode | — | תוכן מעל האפקט. |
| className | string | — | מחלקות לעוטף. |
תלויות
3 חבילות נדרשות
npm install three clsx tailwind-merge