कंटेंट पर जाएँ
charmotion
शब्दावली

एनिमेशन के शब्द, आसान भाषा में।

ऐप और वेब पर कैरेक्टर एनिमेशन शिप करते समय आपको ये शब्द मिलेंगे।

.riv फ़ाइल
Rive का कॉम्पैक्ट बाइनरी एक्सपोर्ट फ़ॉर्मेट। एक .riv में आर्टबोर्ड, एनिमेशन और स्टेट मशीन हो सकते हैं, और इसे Rive रनटाइम लाइब्रेरी चलाती है; ऐप में इसे चलाने या कंट्रोल करने के लिए Rive editor की ज़रूरत नहीं है। गाइड
1-bit अल्फ़ा
ऐसी ट्रांसपेरेंसी जिसमें हर पिक्सेल या तो पूरी तरह अपारदर्शी होता है या पूरी तरह पारदर्शी, जैसे GIF में। नरम, anti-aliased किनारे टेढ़े-मेढ़े हो जाते हैं या उनके चारों ओर हेलो दिखता है। गाइड
अडैप्टिव आइकन
Android का लॉन्चर आइकन फ़ॉर्मेट: 108 x 108 dp की फ़ोरग्राउंड और बैकग्राउंड लेयर, साथ में एक वैकल्पिक मोनोक्रोम लेयर, जिसे डिवाइस 66 x 66 dp के सेफ़ ज़ोन के साथ अपने आकार में मास्क करता है। कोई भी मोशन इफ़ेक्ट लॉन्चर ही बनाते हैं। गाइड
अल्टरनेट ऐप आइकन
ऐप में शामिल एक अतिरिक्त आइकन सेट, जिस पर यूज़र रनटाइम में स्विच कर सकता है: iOS पर setAlternateIconName से या Android पर activity-alias एंट्री से। यह सिर्फ़ स्थिर इमेज बदलता है और एनिमेट नहीं हो सकता। गाइड
अल्फ़ा चैनल
इमेज या वीडियो में एक अतिरिक्त चैनल, जो बताता है कि हर पिक्सेल कितना अपारदर्शी है, पूरी तरह ट्रांसपेरेंट से लेकर पूरी तरह ठोस तक। आंशिक अल्फ़ा की वजह से ही सॉफ़्ट किनारे और परछाइयाँ किसी भी बैकग्राउंड पर आसानी से घुल-मिल जाती हैं। गाइड
इमोट
चैट में इस्तेमाल होने वाली छोटी इमेज, जो एक टेक्स्ट कोड से जुड़ी होती है। Twitch पर एनिमेटेड इमोट 28, 56 और 112 px के स्क्वेयर GIF होते हैं, जिनमें अधिकतम 60 फ़्रेम होते हैं। गाइड
ऑटोप्ले पॉलिसी
ब्राउज़र के नियम, जो तय करते हैं कि यूज़र के किसी एक्शन के बिना मीडिया कब शुरू हो सकता है। Muted ऑटोप्ले आमतौर पर अनुमत है; आवाज़ वाले वीडियो के लिए अक्सर पहले यूज़र इंटरैक्शन ज़रूरी होता है, और ब्लॉक होने पर play() एक ऐसा Promise लौटाता है जो reject हो जाता है। गाइड
काइनेटिक टाइपोग्राफ़ी
ऐसा एनिमेशन जिसमें अलग-अलग अक्षर या शब्द मूव करते हैं, जैसे टाइप होते हुए दिखना या एक के बाद एक झरते हुए आना। इसके लिए लाइव टेक्स्ट या अलग वेक्टर आकृतियाँ चाहिए, फ़्लैट लोगो इमेज से यह नहीं होता। गाइड
जनरेटिव इमेज-टू-वीडियो
ऐसे AI मॉडल जो एक रेफ़रेंस इमेज और प्रॉम्प्ट से नए वीडियो फ़्रेम बनाते हैं। क्योंकि हर फ़्रेम जनरेट होता है, कैरेक्टर या लोगो की बारीकियाँ मूल से अलग होती जा सकती हैं। गाइड
ट्रिगर
ऐसा स्टेट मशीन इनपुट जिसमें कोई वैल्यू स्टोर नहीं होती। इसे फ़ायर करने पर एक बार का ट्रांज़िशन होता है, इसलिए यह success, error, yes या no जैसे पल भर के रिएक्शन के लिए सबसे सही विकल्प है। गाइड
थीम्ड (मोनोक्रोम) आइकन
Android 13+ का आइकन, जो अडैप्टिव आइकन की मोनोक्रोम लेयर का इस्तेमाल करके यूज़र के वॉलपेपर और थीम के रंग में ढल जाता है। गाइड
बोन रिग
आर्टवर्क से जुड़े बोन्स की एक हायरार्की, जिसमें एक बोन को घुमाने या हिलाने से उससे जुड़े हिस्से डिफ़ॉर्म होते हैं। रिग की मदद से हर फ़्रेम बनाए बिना कैरेक्टर और लोगो को पोज़ और एनिमेट करना व्यावहारिक हो जाता है। गाइड
मेश डिफ़ॉर्मेशन
किसी इमेज को फिर से बनाने के बजाय उसे पॉइंट्स के ग्रिड से जोड़कर और उन पॉइंट्स को हिलाकर मोड़ना। इससे रास्टर आर्टवर्क, जैसे PNG लोगो, अपने मूल पिक्सेल बनाए रखते हुए मुड़ और लचक सकता है। गाइड
मैस्कॉट
ऐसा कैरेक्टर जो किसी ब्रांड या प्रोडक्ट का प्रतिनिधित्व करता है। ऐप्स में एनिमेटेड मैस्कॉट अक्सर loading, खाली स्क्रीन, success और error जैसी प्रोडक्ट स्टेट्स दिखाता है, जिससे फ़ीडबैक को एक जैसी पर्सनैलिटी मिलती है। गाइड
लूप बनाम वन-शॉट
लूप तब तक दोहराता रहता है जब तक उसकी स्टेट ऐक्टिव है, जैसे idle या loading। वन-शॉट किसी इवेंट के जवाब में एक बार चलता है, जैसे success या error, और फिर मौजूदा लूप पर लौट आता है। गाइड
लॉन्च स्क्रीन
वह स्थिर स्क्रीन जो iOS किसी ऐप के शुरू होते समय दिखाता है। इसे बिना कस्टम कोड के Info.plist या storyboard में तय किया जाता है, इसलिए यह एनिमेट नहीं हो सकती; Apple सुझाता है कि यह ऐप की पहली स्क्रीन जैसी ही दिखे। गाइड
स्क्वैश और स्ट्रेच
एनिमेशन का एक क्लासिक सिद्धांत, जिसमें कोई आकृति टकराने पर दबती है और तेज़ मूवमेंट में खिंचती है, पर उसका वॉल्यूम वही रहता है। इससे सख्त लोगो भी लचीला और जीवंत लगता है। गाइड
स्टेट मशीन
एनिमेशन फ़ाइल के अंदर रखा गया लॉजिक, जो idle, loading और success जैसी स्टेट्स को ट्रांज़िशन से जोड़ता है। ऐप का कोड वैल्यू बदलता है और स्टेट मशीन तय करती है कि कौन सा एनिमेशन चलेगा और वह अगले एनिमेशन में कैसे ब्लेंड होगा। गाइड
स्टेट मशीन इनपुट
एक नाम वाली वैल्यू, जिसे आपका कोड Rive स्टेट मशीन को चलाने के लिए सेट करता है। इनपुट तीन तरह के होते हैं: number, boolean और ट्रिगर। Rive अब इनपुट को legacy सिस्टम कहता है और नए काम के लिए data binding सुझाता है, हालाँकि मौजूदा फ़ाइलें काम करती रहती हैं। गाइड
स्टैक्ड MP4
एक साधारण H.264 वीडियो, जिसमें कलर इमेज और ग्रेस्केल अल्फ़ा मास्क एक ही फ़्रेम में पैक होते हैं। एक कस्टम प्लेयर इन्हें फिर से जोड़ता है, इसलिए MP4 में ट्रांसपेरेंसी न होने पर भी यह ट्रांसपेरेंसी का आभास देता है। गाइड
AnimatedVectorDrawable
वेक्टर ग्राफ़िक्स को एनिमेट करने के लिए Android का बिल्ट-इन फ़ॉर्मेट। Android 12+ का स्प्लैश स्क्रीन इसे आइकन के रूप में स्वीकार करता है, और Google फ़ोन पर इस एनिमेशन को 1,000 ms या उससे कम रखने की सलाह देता है। गाइड
Blend (ट्रांज़िशन)
ऐसा ट्रांज़िशन जो दो एनिमेशन के बीच सीधे कट करने के बजाय तय अवधि में उन्हें मिलाता है, ताकि कैरेक्टर एक स्टेट से अगली स्टेट में धीरे से जाए। Blend स्टेट्स किसी numeric वैल्यू के आधार पर कई एनिमेशन भी मिला सकती हैं। गाइड
Bodymovin
Adobe After Effects का प्लगइन, जो कंपोज़िशन को Lottie JSON के रूप में एक्सपोर्ट करता है। After Effects टाइमलाइन से किसी ऐप या वेबसाइट के Lottie प्लेयर तक पहुँचने का यह पारंपरिक तरीका है। गाइड
Bumper
एक छोटी क्लिप जो किसी प्रोग्राम और उसके बाद आने वाले कंटेंट के बीच ब्रेक को दर्शाती है। इससे जुड़ा फ़ॉर्मेट, YouTube बंपर ऐड, अधिकतम 6 सेकंड का होता है। गाइड
Data binding (व्यू मॉडल)
ऐप डेटा को एनिमेशन से जोड़ने का Rive का नया तरीका। एक व्यू मॉडल टाइप्ड प्रॉपर्टीज़ तय करता है, जैसे numbers, strings, enums, colors, lists, images और ट्रिगर, जिनसे फ़ाइल बाइंड होती है; नए प्रोजेक्ट में यह स्टेट मशीन इनपुट की जगह लेता है। गाइड
dotLottie (.lottie)
LottieFiles द्वारा मेंटेन किया जाने वाला एक कंप्रेस्ड, MIT-लाइसेंस वाला कंटेनर फ़ॉर्मेट। एक .lottie फ़ाइल में कई Lottie एनिमेशन, शेयर्ड assets, थीम और इंटरैक्टिव स्टेट मशीन पैक हो सकती हैं। गाइड
GIF
दशकों पुराना इमेज फ़ॉर्मेट, जो सरल एनिमेशन सपोर्ट करता है। हर फ़्रेम 256 रंगों की पैलेट और सिर्फ़ एक पूरी तरह ट्रांसपेरेंट रंग तक सीमित है, इसलिए GIF में कलर बैंडिंग दिखती है, किनारे खुरदरे होते हैं और फ़ाइल आमतौर पर वैसे ही वीडियो से काफ़ी बड़ी होती है। गाइड
HEVC (H.265)
एक वीडियो कोडेक जो H.264 से बेहतर कंप्रेस करता है। Apple ने iOS 13 और macOS Catalina में अल्फ़ा वाला HEVC जोड़ा, जिसका इस्तेमाल Safari ट्रांसपेरेंट वीडियो चलाने के लिए करता है; यह आमतौर पर hvc1 टैग वाली .mov फ़ाइल में होता है। गाइड
Idle एनिमेशन
शांत, कम हलचल वाला लूप जो कैरेक्टर तब चलाता है जब और कुछ नहीं हो रहा होता, जैसे साँस लेना या पलक झपकाना। यह कंटेंट से ध्यान हटाए बिना कैरेक्टर को स्क्रीन पर जीवंत रखता है। गाइड
Liquid Glass
Apple का डिज़ाइन मटीरियल, जिसे सिस्टम लेयर वाले ऐप आइकन पर हाइलाइट, रिफ़्रैक्शन और पारभासीपन के रूप में लागू करता है। ऐप इसे स्क्रिप्ट नहीं कर सकते, और यह आइकन को एनिमेट करने का तरीका नहीं है। गाइड
Logo reveal
ऐसा मोशन जो धीरे-धीरे लोगो तक पहुँचता है और उसी पर खत्म होता है, आमतौर पर वीडियो की शुरुआत में। इसकी कोई औपचारिक परिभाषा नहीं है, इसलिए यह शब्द अक्सर किसी भी लोगो इंट्रो के लिए इस्तेमाल होता है। गाइड
Logo sting
एक बहुत छोटा ब्रांडेड लोगो एनिमेशन, ज़्यादा से ज़्यादा कुछ सेकंड का और अक्सर एक छोटे साउंड इफ़ेक्ट के साथ, जिसे ब्रांड की पहचान के तौर पर या सेगमेंट्स के बीच ट्रांज़िशन के लिए इस्तेमाल किया जाता है। गाइड
Lottie
एक ओपन एनिमेशन फ़ॉर्मेट और वेब, iOS, Android, React Native और Windows के लिए प्लेयर्स का सेट, जो JSON के रूप में एक्सपोर्ट किए गए After Effects एनिमेशन रेंडर करते हैं। Lottie Creator में बनी dotLottie स्टेट मशीन के साथ Lottie फ़ाइलें इंटरैक्टिव भी हो सकती हैं। गाइड
MOV
Apple का QuickTime कंटेनर फ़ॉर्मेट। वेब पर इसका इस्तेमाल मुख्य रूप से Safari को HEVC-with-alpha वीडियो देने के लिए होता है; एडिटिंग टूल्स में इसमें अक्सर ProRes मास्टर होते हैं। गाइड
playsinline
एक <video> attribute, जिससे iPhone Safari वीडियो को फ़ुलस्क्रीन में जाने के बजाय पेज के अंदर ही चलाता है। iOS पर GIF जैसे inline लूप के लिए autoplay और muted के साथ इसकी ज़रूरत होती है। गाइड
PNGtuber
PNG इमेज से बना स्ट्रीमर अवतार, जो PNGtuber सॉफ़्टवेयर के माइक्रोफ़ोन पर आवाज़ सुनने पर बदलता या हिलता है। यह आवाज़ पर रिएक्ट करता है; यह रिग किया हुआ एनिमेशन नहीं है। गाइड
prefers-reduced-motion
no-preference और reduce values वाला एक CSS media feature, जो यूज़र की OS में Reduce Motion सेटिंग को दर्शाता है। साइट्स इसका इस्तेमाल बड़ी हलचल और लूप की जगह स्थिर पोज़ या फ़ेड दिखाने के लिए करती हैं। गाइड
ProRes 4444
Apple का एक एडिटिंग कोडेक, जो हाई-क्वालिटी कलर के साथ अल्फ़ा चैनल भी स्टोर करता है। ट्रांसपेरेंट एनिमेशन के लिए यह अच्छा मास्टर है, लेकिन इसकी फ़ाइलें वेबसाइट पर सर्व करने के लिए बहुत बड़ी होती हैं, इसलिए इससे WebM और HEVC एनकोड किए जाते हैं। गाइड
Rive
एक इंटरैक्टिव एनिमेशन टूल, जिसमें एक डिज़ाइन एडिटर और वेब, React, Apple प्लेटफ़ॉर्म, Android, Flutter और React Native के लिए ओपन-सोर्स, MIT-लाइसेंस वाले रनटाइम शामिल हैं। एनिमेशन .riv फ़ाइलों के रूप में एक्सपोर्ट होते हैं, जो स्टेट मशीन के ज़रिए ऐप की स्टेट पर रिएक्ट कर सकते हैं। गाइड
SplashScreen API
Android का सिस्टम स्प्लैश स्क्रीन, जो Android 12 में आया और androidx.core:core-splashscreen के ज़रिए पुराने वर्ज़न में भी उपलब्ध है। ऐप शुरू होते समय यह एक बैकग्राउंड कलर पर आपका ऐप आइकन दिखाता है, जो एनिमेटेड भी हो सकता है। गाइड
VP9
Google का एक ओपन वीडियो कोडेक, जो आमतौर पर WebM फ़ाइल में रखा जाता है। VP9 में अल्फ़ा चैनल हो सकता है, जिसे Chrome, Edge और Firefox ट्रांसपेरेंसी के रूप में दिखाते हैं; Safari VP9 चलाता है लेकिन अल्फ़ा को नज़रअंदाज़ करता है। गाइड
WCAG 2.2.2 Pause, Stop, Hide
Level A का एक एक्सेसिबिलिटी criterion: जो हिलने या झपकने वाला कंटेंट अपने आप शुरू हो, पाँच सेकंड से ज़्यादा चले और दूसरे कंटेंट के साथ दिखे, उसे रोकने, बंद करने या छिपाने का तरीका होना चाहिए, जब तक वह ज़रूरी न हो। गाइड
WebM
वेब के लिए एक ओपन मीडिया कंटेनर, जिसमें आमतौर पर VP8, VP9 या AV1 वीडियो होता है। अल्फ़ा वाला VP9 WebM, Chromium ब्राउज़र और Firefox को ट्रांसपेरेंट वीडियो देने का स्टैंडर्ड तरीका है। गाइड