WebGl-2d.js: WebGL पर कैनवस 2D एपीआई को लागू करना

WebGL-2d एक बहुत ही दिलचस्प जावास्क्रिप्ट लाइब्रेरी है जो WebGL संदर्भ पर 2d कैनवस संदर्भ के साथ काम करने के लिए मानक तरीकों को लागू करता है।

यह कोई रहस्य नहीं है कि आज कैनवस अच्छे प्रदर्शन का दावा नहीं कर सकता है और वास्तविक समय में जटिल दृश्यों को प्रस्तुत करना एक समस्या हो सकती है। WebGL के साथ, प्रदर्शन की स्थिति बहुत बेहतर है, लेकिन सभी लोकप्रिय ब्राउज़र इस मानक का समर्थन नहीं करते हैं, विशेष रूप से Microsoft IE में अपने समर्थन को लागू करने की योजना नहीं करता है (इस कारण से तीसरे पक्ष के डेवलपर्स पहले से ही प्लगइन बनाने के लिए शुरू हो गए हैं)।

WebGL-2d को जोड़ने और सिर्फ कुछ पंक्तियों को जोड़कर, हम उन ब्राउज़र में Canvas 2d API के साथ कार्यान्वित ग्राफिक्स रेंडरिंग को तेज कर सकते हैं जो WebGL का समर्थन करते हैं और सामान्य 2d संदर्भ को कमबैक प्रदान करते हैं।



सौभाग्य से, ब्राउज़र डेवलपर्स कैनवस ग्राफिक्स के प्रदर्शन के मुद्दे पर काम कर रहे हैं, 2 डी संदर्भ के लिए हार्डवेयर त्वरण का समर्थन है, इसलिए निकट (उम्मीद है) भविष्य में यह पुस्तकालय मांग में नहीं होगा, लेकिन आज यह निश्चित रूप से होना चाहिए।

WebGL-2d को आरंभ करने और संदर्भ प्राप्त करने का उदाहरण:

var cvs = document.getElementById("myCanvas");
WebGL2D.enable(cvs);
var ctx = cvs.getContext('webgl-2d');

प्रोजेक्ट रिपॉजिटरी GitHub पर है ।

HTML फ़ाइलों को सीधे खोलने पर रिपॉजिटरी के कुछ उदाहरण और बेंचमार्क काम नहीं करते हैं (अनकवर्ड एरर: SECURITY_ERR: डोम एक्सेप्शन 18 इस लॉन्च पैटर्न के साथ कुकीज़ सेट करने में असमर्थता के कारण होता है), इसे स्थानीय वेब सर्वर पर चलाएँ।

WebGL-2d वर्तमान में निम्न मानक 2d संदर्भ विधियों का समर्थन करता है:

• strokeStyle
• फ़िलस्टाइल
• strokeRect
• fillRect
• अनुवाद करना
• घुमाएँ
• स्केल
• सेव
• बहाल
• linewidth
• drawImage
• createImageData
• getImageData
• putImageData
• beginPath
• closePath
• moveTo
• lineTo
• रेक्ट
• भरें *
• स्ट्रोक *

* भरने और स्ट्रोक के तरीकों की वर्तमान रिलीज आर्क्स और घटता का समर्थन नहीं करती है।
दुर्भाग्य से, इस समय, लेखक ने अपने दिमाग की उपज के विकास को फेंक दिया है (आखिरी प्रतिबद्धता अप्रैल 2011 में की गई थी), लेकिन किसी भी मामले में, परियोजना ध्यान देने योग्य है।