मैं आईपैड 2 पर लक्षित एचटीएमएल 5 वेबसाइट/ऐप के लिए ट्रेल्स के साथ चलती रोशनी बनाने की कोशिश कर रहा हूं। मुझे आश्चर्य है कि ऐसा करने का सबसे अच्छा तरीका क्या है और HTML5 का उपयोग करना है या नहीं बिल्कुल व्यवहार्य है। मैंने एचटीएमएल 5 चुना क्योंकि उद्देश्य सी के साथ मूल आईओएस ऐप्स की तुलना में इसे विकसित और तैनाती करना आसान और सस्ता है। बेशक अगर यह पता चला कि एचटीएमएल 5 पर्याप्त प्रदर्शन की पेशकश नहीं करता है तो मुझे कड़वी गोली निगलनी पड़ सकती है।आईपैड 2 पर एचटीएमएल 5 में कण खींचने का सबसे प्रभावी तरीका
वैसे भी आप एक धारणा है कि मैं क्या बारे में बात कर रहा हूँ देने के लिए है, यह मैं अब तक क्या मिला है:
screenshot http://devdali.no-ip.org/mathias/test-lights/screenshots/1.jpg
या आप कार्रवाई here में देख सकते हैं (केवल वेबकिट आधारित ब्राउज़रों में काम करता है) ।
पहले मैंने एचटीएमएल 5 कैनवास का उपयोग करने की कोशिश की और रेडियल ग्रेडिएंट को कणों के रूप में ऊपर जैसा देखा है। यह काम करता है लेकिन मेरे डेस्कटॉप कंप्यूटर पर भी framerate भयानक था!
तो कुछ पढ़ने के बाद मुझे पता चला कि CSS3 ट्रांसफॉर्म हार्डवेयर तेज हो सकते हैं, इसलिए मैं ऊपर देखे गए संस्करण का निर्माण करता हूं। प्रत्येक "कण" एक 64x64 पीएनजी छवि है। प्रत्येक प्रकाश के लिए "सिर" प्रकाश (एक आईएमजी) होता है जिसके बाद 115 आईएमजी तत्व होते हैं। प्रत्येक img तत्व "translate3d" (साथ ही स्केल और रोटेशन) का उपयोग करके परिवर्तित किया जाता है। इसके अलावा प्रत्येक तत्व की अस्पष्टता गतिशील रूप से समायोजित की जाती है।
इस तरह से ऐसा करने से मेरे कंप्यूटर पर बहुत बेहतर फ़्रेमेट प्रदान किया जाता है, लेकिन मुझे संदेह है कि आईपैड 2 इसे संभालेगा।
मैं आभारी हूं यदि कोई मुझे सामान्य रूप से प्रदर्शन को बेहतर बनाने और लक्ष्य प्लेटफॉर्म पर विचार करने के बारे में कुछ संकेत दे सकता है।
अग्रिम में किसी भी मदद के लिए धन्यवाद!
प्रदर्शन पर संदेह करने के बजाए, वास्तव में इसका प्रयास क्यों नहीं करें? आप आश्चर्यचकित हो सकते हैं ... – Alnitak
ya के लिए iPad2 पर परीक्षण किया गया। यह झटकेदार और धीमी है। साथ ही, आपने व्यूपोर्ट स्केलिंग को ठीक से सेट नहीं किया है क्योंकि यह एक अजीब ज़ूम चीज हो रही है। – Armstrongest
बहुत बहुत धन्यवाद! यह मेरी चिंताओं की पुष्टि करता है, मुझे लगता है। @Alnitak मुझे अभी केवल आईपैड 1 मिला है, जो अभी परीक्षण के लिए है ... – Bunkerbewohner