एक एनीमेशन पाश के लिए बुनियादी वाक्यविन्यास?

Question

एक एनीमेशन पाश के लिए बुनियादी वाक्यविन्यास?

वोट

1

मुझे पता है कि jQuery, उदाहरण के लिए, एक तरह के एनीमेशन कर सकते हैं। मुझे यह भी पता है कि एनीमेशन के बहुत कोर पर, वहाँ मुझे पाश किसी प्रकार का एनीमेशन कर करना होगा। इस तरह के एक पाश का एक उदाहरण क्या है?

एक पूरा जवाब आदर्श निम्न प्रश्नों के जवाब देना चाहिए:

एक प्रभावी एनीमेशन प्रत्यावर्तन कि एक समय में एक विशेष वस्तु का केवल एक प्रॉपर्टी चेतन कर सकते हैं के लिए एक बुनियादी वाक्यविन्यास क्या है? समारोह अपने लक्ष्य वस्तु और वस्तु की संपत्ति भिन्न करने में सक्षम होना चाहिए।
यह क्या तर्क / मानकों लेना चाहिए?
पाश दोहराने की एक अच्छी रेंज क्या है? मिलीसेकेंड में? (यह एक पैरामीटर / तर्क कार्य करने के लिए हो सकता है?)

याद है:

जवाब जरूरी विशिष्ट भाषा नहीं है, लेकिन यदि आप किसी विशिष्ट भाषा में लिख रहे हैं, जो एक निर्दिष्ट करें।
त्रुटि निवारण एक प्लस है। {कुछ भी नहीं है एक एनीमेशन है कि आधे रास्ते के माध्यम से रोक की तरह, कुछ अजीब की तुलना में (हमारे प्रयोजनों के लिए) और अधिक परेशान है।}

धन्यवाद!

animation loops pseudocode language-agnostic

07/03/2010 को 14:52
का स्रोत उपयोगकर्ता Moshe

अन्य भाषाओं में...

1 जवाब

cobbal · Accepted Answer · 2010-03-08 20:54

आम तौर पर (jQuery के लिए कम से कम) यह नहीं एक पाश में किया जाता है, बल्कि कॉलबैक की एक श्रृंखला में।

pseudojavascript:

function startAnimation(element, endPosition, duration) {
    var startPosition = element.position;
    var startTime = getCurrentTime();
    function animate() {
        var timeElapsed = getCurrentTime() - startTime;
        if (timeElapsed > duration) {
            element.position = endPosition;
            stopTimer();
        } else {
            // interpolate based on time
            element.position = startPosition +
                (endPosition - startPosition) * timeElapsed / duration;
        }
    }
    startRepeatingTimerWithCallbackAndInterval(animate, 1.0 / 30.0);
}

यह भी बंद करने के बजाय डेटा स्टोर करने के लिए शुरू करने की वस्तुओं का उपयोग करना संभव है।

यह पूरी तरह से प्रश्न में सभी बिंदुओं का जवाब नहीं है, लेकिन यह एक शुरुआत है।