Animation Basics
Make things move! Learn to build bouncing balls, spinning coins, glowing buttons, and game sprites you can drop straight into your own games and websites.
What You'll Learn
Description
אנימציה היא מה שגורם למשחקים ולאתרים להרגיש חיים. כפתור שזוהר כשמרחפים מעליו, מטבע שמסתובב, כדור שקופץ, דמות שמחליקה על המסך — כל זה אנימציה, ואת כל החלקים האלה אתם יכולים לבנות בעצמכם.
במדריך הזה האווטאר שלכם מ-Vibe Coding Academy מלווה אתכם דרך קוד אמיתי שאפשר להעתיק ולהדביק. תתחילו עם אפקטי ריחוף פשוטים, תעלו רמה לאנימציות לולאה עם @keyframes, ואז תשלטו בתנועה פריים אחרי פריים עם JavaScript — בדיוק הטריק שמשחקים אמיתיים משתמשים בו. כל קטע קוד הוא שלכם להדביק, להריץ ולשנות.
בסוף יהיו לכם כפתורים מונפשים, כדור קופץ, מטבע מסתובב, ו-sprite שאפשר להזיז עם מקשי החצים — בנוסף לפרומפטים ל-AI שיצרו עוד מתי שתרצו.
What's Inside
4 hands-on chapters • about 1.5 hours of fun.
- 1מבוא — מה זו באמת אנימציה + אפקט הריחוף הראשון שלכם
- 2לגרום לדברים לזוז — @keyframes, כדור קופץ ומטבע מסתובב
- 3אפקטים מגניבים ותזמון — transform, האטה והאצה, ופעימה זוהרת
- 4להנפיש את הפרויקט שלכם — דמות משחק ב-JavaScript שאתם שולטים בה
