ऐप्पल घड़ी साइट पर कैनवास एनीमेशन कैसे लागू किया गया है?

Question

apple watch site में:

बाएं भाग में स्थित घड़ी एक स्थिर तस्वीर, लेकिन वास्तव में एक आकर्षक एनीमेशन नहीं है: आप नीचे दिए गए जब आप एक छोटा सा नीचे स्क्रॉल अनुभाग देख सकते हैं।

जब मैं डाउनलोड की गई फ़ाइलों की जाँच करें, मैं इस तरह छवियों को खोजने:

जब मैं क्रोम के निरीक्षक में डोम तत्व को देखते हैं, मैं इसे एक canvas तत्व है

यह मेरे लिए काफी गूढ़ दिखता है। यहां इस्तेमाल की जाने वाली तकनीक सेब का नाम क्या है जो अव्यवस्थित चित्रों से कैनवास पर एनीमेशन उत्पन्न कर सकता है? क्या ऐसा करने के लिए कोई पुस्तकालय है?

Answer 1

मुझे लगता है कि वे कस्टम एल्गोरिदम का उपयोग कर रहे हैं, छवि की प्रत्येक पंक्ति कैनवास की सापेक्ष रेखा के लिए एनीमेशन का प्रतिनिधित्व करती है।

लेकिन इसकी पुष्टि करने और/या अनुकरण करने के लिए, आपको जावास्क्रिप्ट स्रोत कोड (यदि यह बहुत अधिक खराब नहीं हुआ है) पढ़ना चाहिए।