सेटटाइमआउट या सेट इंटरवल या अनुरोधएनीमेशन फ्रेम

Question

मोबाइल उपकरणों के लिए कैनवास एनीमेशन के साथ एचटीएमएल 5 गेम्स के लिए।

मुझे कुछ प्रदर्शन समस्याओं का सामना करना पड़ रहा है जो प्रत्येक डिवाइस और दूसरों के बीच की गति को अलग करते हैं।

अनुरोधएनीमेशन फ्रेम डिवाइस की गति के अनुसार गेम की एनीमेशन को गति देता है।
setInterval ने मुझे चौंका दिया कि डिवाइस से दूसरे में देरी हो रही है।
सेटटाइमआउट कैनवास पर ड्राइंग धीमा भी है।

मोबाइल HTML5 गेम के साथ पिछले अनुभव किसने किया था, कैनवास पर एनीमेशन विकसित करने के लिए विभिन्न मोबाइल उपकरणों पर स्थिर होने के लिए मुझे उनमें से तीन का सर्वश्रेष्ठ तरीका (या उपलब्ध होने पर अन्य तकनीकों) को फेंकने का मार्गदर्शन कर सकता है?

Answer 1

हमेशा संभव होने पर requestAnimationFrame का उपयोग करें, क्योंकि इसका यही अर्थ है। यह use a shim for support के लिए सबसे अच्छा है जब यह नहीं है, इसलिए आपको विशिष्ट विवरणों से निपटने की आवश्यकता नहीं है।

वास्तविक विधि के बावजूद एक ही गति पर एनीमेशन या गेम तर्क के लिए, आपको भौतिकी या ऐसे समय के लिए समय आधारित एनीमेशन और समय-आधारित गणनाओं का उपयोग करना चाहिए।

Answer 2

window.requestAnimFrame = function(){ 
    return (
     window.requestAnimationFrame  || 
     window.webkitRequestAnimationFrame || 
     window.mozRequestAnimationFrame || 
     window.oRequestAnimationFrame  || 
     window.msRequestAnimationFrame  || 
     function(/* function */ draw1){ 
      window.setTimeout(draw1, 1000/60); 
     } 
    ); 
}(); 
    window.requestAnimFrame(draw); 
})(); 

उपयोग सभी मामलों