2015-07-17 10 views
5

मैं HTML/CSS/जे एस का उपयोग कर एक कार्ड खेल बनाया। यह स्क्रीन के चारों ओर एनिमेटेड कार्ड चलाता है और स्कोरबोर्ड/मैसेजबोर्ड एनिमेट करता है।एचटीएमएल 5/सीएसएस GPU प्रदर्शन अनुकूलन

मेरी chromecast पर प्रदर्शन हालांकि भयानक है। कभी कभी 4fps के लिए अपमानजनक :(। जब मैं अनुप्रयोग डिबग वह 20 MB/GPU की 512MB उपयोग कर रहा है। मैं अगर वहाँ GPU रेस्टराइज़ेशन या किसी अन्य उन्नत GPU सुविधाओं, या सक्षम करने के लिए किसी भी तरह से है सोच रहा हूँ अगर किसी पर कैसे कोई सुझाव है खेल के प्रदर्शन में सुधार करने के लिए।

अब तक मैं बनावट, पारदर्शिता और एनिमेशन को सरल बना रहा हूं। हालांकि मुझे क्रोमकास्ट से अधिक प्रदर्शन कैसे प्राप्त किया जाए, इस बारे में कुछ सलाह लेना अच्छा लगेगा। मुझे एहसास है कि वेबजीएल शायद मुझे GPU का अधिक उपयोग करने की अनुमति है, लेकिन है कि मेरी एनीमेशन कक्षाओं का एक पुनर्लेखन होगा।

+0

उपयोग सीएसएस एनिमेशन जहां सब कुछ एनिमेट करने के लिए जावास्क्रिप्ट पर भरोसा करने के बजाय संभव है। सामान्य रूप से, आप जेएस एनिमेशन के साथ सीएसएस एनिमेशन से बेहतर प्रदर्शन प्राप्त करेंगे। हालांकि, विशिष्ट कोड के बिना, आपको व्यापक सलाह देने के अलावा वास्तव में आपकी मदद करने का कोई तरीका नहीं है। – kanzelm3

+0

IMHO एचटीएमएल 5 खेल WebGL उपयोग कर रहा है बनाने के लिए सबसे अच्छा तरीका है। –

+0

आप एक कैनवास पर बना रहे हैं, निश्चित रूप से WebGL का उपयोग जब भी आप कर सकते हैं। आप डोम जोड़ तोड़ रहे हैं, तो CSS3 के एनिमेशन पर कायम करने की कोशिश, वे हार्डवेयर त्वरित और अत्यधिक अनुकूलित हो जाते हैं। –

उत्तर

1

चाल के रूप में 3 डी इस प्रकार GPU का इस्तेमाल कर रही मेरी 2 डी एनिमेशन चेतन करने के लिए अपने जावास्क्रिप्ट एनीमेशन पुस्तकालय के लिए मजबूर किया गया था।

संबंधित मुद्दे