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 से फ़्रेम-दर-फ़्रेम गति को नियंत्रित करोगे — वही तरकीब जो असली गेम इस्तेमाल करते हैं। हर स्निपेट तुम्हारा है, पेस्ट करो, चलाओ और बदलो।
अंत तक तुम्हारे पास एनिमेटेड बटन, एक उछलती गेंद, एक घूमता सिक्का और एक स्प्राइट होगा जिसे तुम तीर वाली कुंजियों से हिला सकते हो — साथ ही जब चाहो और बनाने के लिए AI प्रॉम्प्ट भी।
What's Inside
4 hands-on chapters • about 1.5 hours of fun.
- 1परिचय — एनिमेशन असल में क्या है + तुम्हारा पहला होवर इफ़ेक्ट
- 2चीज़ों को हिलाना — @keyframes, एक उछलती गेंद और एक घूमता सिक्का
- 3मस्त इफ़ेक्ट और टाइमिंग — transform, ईज़िंग और एक चमकती धड़कन
- 4अपना प्रोजेक्ट एनिमेट करो — एक JavaScript गेम स्प्राइट जिसे तुम नियंत्रित कर सकते हो
