मेरी पिक्समा

खास जानकारी

मेरी पिक्समास: 3D सीएसएस ट्रांसफ़ॉर्म के साथ क्रिसमस का आनंद लें.

हमें क्या पसंद है?

क्रिसमस की थीम वाला एक अच्छा डेमो, जो डेस्कटॉप और मोबाइल पर अच्छी तरह काम करता है. इसमें थीम के नए रंग, डिसप्ले, और फ़ुल स्क्रीन मोड को लॉन्च करने वाले वेब मेनिफ़ेस्ट की सुविधा भी मिलती है.

पेशेवर सलाह: बर्फ़ बनाने के लिए अपना फ़ोन हिलाएं!

संभावित सुधार

हालांकि मुझे लगता है कि यह एक डेमो है, लेकिन एसेट और नॉन-रेंडर-ब्लॉकिंग JavaScript पर कुछ खास कैश हेडर की मदद से लोड होने में लगने वाले समय में काफ़ी सुधार हो सकता है.

जिम सेवेज के साथ सवाल-जवाब

वेब ही क्यों?

टोक्यो में, हम लंबे समय से इसके मकसद के बजाय, रिस्पॉन्सिव और मोबाइल वेब का समर्थन करते रहे हैं. Pixas, प्रोजेक्ट के बीच में बंद समय के दौरान HTML5 और CSS3 पर प्रयोग करने का नतीजा था. हम अपनी जानकारी को अपडेट रखने के लिए हमेशा नई चीज़ें आज़माते रहते हैं; इसलिए, स्वाभाविक रूप से, फ़्रंट-एंड डेवलपर की हमारी टीम के लिए, कोई भी रिसर्च किसी स्थानीय प्लैटफ़ॉर्म के बजाय वेब पर आधारित होती.

जैसे-जैसे ब्राउज़र बेहतर होते जा रहे हैं, हमें स्थानीय जैसी ज़्यादा सुविधाएं देखने को मिल रही हैं. ऐसे फ़ंक्शन जो पहले सिर्फ़ नेटिव डेवलपमेंट के दौरान उपलब्ध हुए थे, जैसे कि जियोलोकेशन, कैमरा ऐक्सेस, लोकल डेटाबेस स्टोरेज वगैरह. ये सभी उपयोगकर्ता को अनुभव करने के साथ-साथ, क्रॉस-प्लैटफ़ॉर्म और फ़ास्ट इटरेशन डेवलपमेंट के फ़ायदे देते हैं. बेशक, नेटिव डेवलपमेंट के अपने फ़ायदे हैं. नया प्रोजेक्ट करते समय, वेब और नेटिव, दोनों विकल्पों पर काफ़ी ध्यान दिया जाता है. यह शायद साफ़-साफ़ समझ में आता है लेकिन हमारे क्लाइंट के लिए, यह ज़रूरी है कि हम हर प्रोजेक्ट के लिए कोडिंग करने के बजाय सबसे अच्छे प्लैटफ़ॉर्म का सुझाव दें.

डेवलपमेंट के दौरान क्या कारगर रहा?

मुझे लगता है कि Pixmas के साथ मुख्य तौर पर 3D Transforms पर फ़ोकस किया जा सकता है और हम सीएसएस को असल में कितनी दूर तक पहुंचा सकते हैं. इसलिए, पिक्सलेटेड इलस्ट्रेटिव स्टाइल, ब्राउज़र में वाकई अच्छा काम कर रही है. कोई भी फ़्रंट-एंड डेवलपर आपको बताएगा कि ब्राउज़र का सामान्य व्यवहार काफ़ी हद तक आसान है! इसलिए, स्क्वेयर आधारित समस्याओं को ध्यान में रखकर 3D गणित की स्टाइल और गणित को आधार बनाना काफ़ी कारगर साबित हुआ. 3D ट्रांसफ़ॉर्म और एचटीएमएल वाला क्यूब बनाना, किसी भी दूसरे प्राचीन आकार की तुलना में ज़्यादा आसान है. हालांकि, इंटरैक्शन और ऐनिमेशन की वजह से, समस्या को हल करने के लिए हमें थोड़ी कोशिश करनी पड़ी.

हमें सबसे ज़्यादा आश्चर्य हुआ कि मोबाइल प्लैटफ़ॉर्म, खास तौर पर उन Android डिवाइस पर, 3D की आसानी और ब्राउज़र परफ़ॉर्मेंस कैसी रही, जिन्हें कम लोग जानते हैं.

अगर आपके पास अपने ऐप्लिकेशन को बेहतर बनाने के लिए कोई एपीआई हो, तो वह क्या होगा?

अगर हम फिर से Pixma लिखना चाहते, तो हम WebGL पर आधारित एपीआई का इस्तेमाल करते. हालांकि, सीएसएस के ज़रिए 3D में एचटीएमएल DOM एलिमेंट में बदलाव करना मज़ेदार है, लेकिन वेब आधारित 3D के लिए, WebGL जैसी हार्डवेयर से तेज़ी से काम करने वाली खास तकनीक होनी चाहिए. CSS 3D, वेबपेज के बेसिक इफ़ेक्ट और ट्रांज़िशन के लिए ठीक है, लेकिन Pixmas की कोडिंग करते समय ब्राउज़र की परफ़ॉर्मेंस की सीमा ज़रूर बढ़ जाती है.

Google के पास Chrome Experiments में कुछ अच्छे WebGL प्रोजेक्ट हैं.