אז מה יש לנו כאן היום?
במוצ"ש הייתה סדנא סוערת
שיצרנו בה אפקט
סופר סופר שימושי
בעז"ה שידור חוזר ביום חמישי הקרוב
ב 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,
ולא חזרנו אליך?
הכל טוב
פשוט עדיין לא הספקנו
הפרטים שמורים ואוטוטו
ניצור איתך קשר בעז"ה
נ.ב.ב.ב.
עדכנתי את שרי גורט
שהיום אני שולחת את ההדרכה
עם האפקט שלה
והיא ענתה לי שהיא עובדת על אפקט
הרבה יותר שווה
פרטים אוטוטו בעז"ה….
