תלת-ממד ו-WebGLProחדש
גלובוס מנקודות
כדור תלת ממדי מנקודות ב-three.js. מסתובב לאט, חלק מהנקודות פועמות, ואפשר לסובב אותו בעכבר.
התאמה
dotColor
highlightColor
רכיב של Codearia · תנאי שימוש
מאפיינים
10 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| dotCount | number | 2400 | מספר הנקודות על הכדור. |
| dotColor | string | "#a3a3a3" | צבע הנקודות הרגילות. |
| highlightColor | string | "#ffffff" | צבע הנקודות הפועמות. |
| dotSize | number | 2.4 | גודל הנקודה, בפיקסלים. |
| highlightRatio | number | 0.04 | חלק הנקודות הפועמות. |
| speed | number | 1 | מהירות. 0 עוצר את התנועה. |
| tilt | number | 18 | הטיית הציר, במעלות. |
| draggable | boolean | true | אפשר לסובב את הכדור בעכבר או באצבע. |
| children | ReactNode | — | תוכן מעל האפקט. |
| className | string | — | מחלקות לעוטף. |
תלויות
3 חבילות נדרשות
npm install three clsx tailwind-merge