על אלה אני בוכיה
אני רוצה קצת לפרט
על התהליך שאיתו הגענו
לאפקט הכל כך מביע הזה
הוא אמאלה ממחיש
וקיבלתי עליו הדים נרגשים
בלוג
אז מה יש לנו כאן היום?
במוצ"ש הייתה סדנא סוערת
שיצרנו בה אפקט
סופר סופר שימושי
בעז"ה שידור חוזר ביום חמישי הקרוב
ב 10:00 בבוקר
בסוף הסדנא הכרזתי
על פתיחת מחזור חדש
לקורס קסם ה GSAP!
אז אם את רוצה לעקוף את כולם
בכמה צעדים קדימה
מוזמנת לעוף בהקדם
על הדבר הבא
כי GSAP מספק לנו
קסם של אפקטים
ואתרים סופר מגניבים
ולא שגרתיים
מחיר הרשמה מוקדמת –
עד מוצ"ש הקרוב בעז"ה
ועכשיו —
מדריך להנעה לפעולה
כייפית במיוחד 😊
שרי גורט
בוגרת קורס GSAP
יצרה לגולשים באתר שלה
משחק מאתגר וכייפי
טנגרם אונליין 😊
המשתמש יכול בעצמו
לגרור את החלקים
אחלה הנעה לפעולה!
ביקשתי ממנה רשות
לשתף אתכן בקוד
והיא הסכימה בכיף
אז איך עושים את זה?
מקמי באלמנטור
(או סתם ב HTML)
את האלמנטים שאת רוצה
שהמשתמש יוכל להזיז.
תני לכל אחד מהם במתקדם -> css classes
את הערך – my-draggable
מתחתם הוסיפי אלמנט HTML
ושימי בתוכו את הקוד הבא:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
<script src='https://unpkg.com/gsap@3/dist/Draggable.min.js'></script>
<script>
gsap.registerPlugin(Draggable);
Draggable.create(".my-draggable", {
type: "x,y",
bounds: ".astericContainer"
});
</script>
וזהו
הקסם יתרחש מעצמו…
אזזז —
רבקי
נ.ב.
מי שהשתתפה בסדנא במוצ"ש
והשאירה לי את כתובת המייל שלה
אני זוכרת אותך 😊
עדיין לא הכנתי את הסיכום
עם קטעי הקוד להעתקה
זה בעבודה…
נ.ב.ב.
השארת לי פרטים לגבי
הרשמה לקורס קסם ה GSAP,
ולא חזרנו אליך?
הכל טוב
פשוט עדיין לא הספקנו
הפרטים שמורים ואוטוטו
ניצור איתך קשר בעז"ה
נ.ב.ב.ב.
עדכנתי את שרי גורט
שהיום אני שולחת את ההדרכה
עם האפקט שלה
והיא ענתה לי שהיא עובדת על אפקט
הרבה יותר שווה
פרטים אוטוטו בעז"ה….
אולי תאהבי גם:
הנפשת גרדיאנט – הדרכה קלילה וצבעונית
הדרכה קלילה קלילה
צבעונית וחמודה
על הגרדיאנט המונפש הזה
מחכה לך כאן
אמאלה, מי אמר שאפשר בכלל לבצע את זה??
זה קורה לפעמים,
קורה לכולנו.
לקוח בא
ומבקש X Y Z
אמאלה,
מי אמר שאפשר בכלל לבצע את זה??
הוא רציני, רוצה לשלם.
את גם רצינית.
את רוצה להיות מאסטרית
לעבוד עם הלקוחות הכבדים
אלה שמשלמים
