CodeariaAcademy

Spline

עורך תלת-ממד בדפדפן וספרייה פתוחה של סצנות אינטראקטיביות מוכנות: רובוטים שעוקבים אחרי הסמן, זכוכית נוזלית, חלקיקים. רמיקס בשתי לחיצות.

לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.

במספרים

צפיות בטיפוגרפיה המתפרקת
רישיון קובצי הקהילה
לחודש, מסלול בתשלום בלי סימן מים

מה זה

Spline הוא עורך תלת-ממד בדפדפן, אבל הערך האמיתי שלו הוא לא העורך אלא הספרייה. במדור Community יש מאות סצנות אינטראקטיביות מוכנות של מעצבים מכל העולם: רובוט שמסובב את הראש אחרי הסמן, hero מזכוכית מחורצת, קוביות שמגיבות למעבר עכבר, טיפוגרפיה שמתפרקת, זרמי חלקיקים. זה פותר בעיה נפוצה של עמוד נחיתה: רוצים ויזואל תלת-ממדי חי, ואין מעצב תלת-ממד משלכם.

החלק המעניין ביותר הוא איך לוקחים סצנה לעצמכם. כפתור Remix פותח עותק משלכם, שבו משנים צבעים, טקסט ומהירות אנימציה לפי המותג, והייצוא מחזיר תג שנכנס לעמוד בשתי שורות. לכל עבודה מוצגים היוצר ומספר הצפיות, ולכן ברור מיד אילו סצנות אנשים באמת לוקחים לשימוש.

איך זה בנוי

Communityחינם
מדפים לפי משימות: Interactive Website, Brand & Marketing, 3D Logos, 3D Icons, Particles, Materials, 3D Mockups.
Remixחינם
פותח עותק משלכם של הסצנה: משנים צבעים, טקסט ומהירות אנימציה בעורך.
Export
מחזיר תג שנכנס לעמוד בשתי שורות.
@splinetool/react-splineMIT
קומפוננטה ל-React; יש גם אינטגרציות ל-Webflow, ל-Framer, ל-Wix, ל-Next.js, ל-Swift ול-Kotlin.

לדעת לפני התקנה

במסלול החינמי הייצוא לרשת מגיע עם סימן מים; מסלול בתשלום מ-12 דולר לחודש מסיר אותו.
רישיון CC BY 4.0 מתיר לשנות סצנות ולהשתמש בהן מסחרית, אבל חובה לציין את היוצר המקורי.
תלת-ממד הוא גרפיקה כבדה: טענו את הסצנה בעצלתיים כשהבלוק מגיע למסך, ובדקו אותה בטלפון רגיל.

תגובות