WebGL sahifasining manbasini koʻrish

{{Shirkat bilgiqutisi|nomi=WebGL|image=|qisqartma=Web Graphics Library|Ishga_tushgan_sanasi=2011-yil 3-mart|sayt=https://www.khronos.org/webgl/|tili=Ingliz tili}}

'''WebGL''' ('''''Veb Grafik kutubxonasi''')'' — plaginlardan foydalanmasdan har qanday [[Brauzer|veb-brauzerda]] interaktiv 2D va 3D grafiklarni koʻrsatish uchun [[JavaScript]] API<ref>{{Veb manbasi|url=http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/|sarlavha=WebGL Fundamentals|muallif=Tavares|ism=Gregg|sana=9-fevral 2012-yil|nashriyot=HTML5 Rocks}}</ref>. WebGL boshqa veb-standartlar bilan toʻliq integratsiyalashgan boʻlib, fizika va tasvirni qayta ishlash va veb-sahifalar sifatida effektlardan GPU tomonidan tezlashtirilgan foydalanish imkonini beradi. WebGL elementlari boshqa [[HTML]] elementlari bilan aralashtirilishi va sahifaning boshqa qismlari yoki sahifa foni bilan birlashtirilishi mumkin<ref>{{Veb manbasi|url=http://my.safaribooksonline.com/book/animation-and-3d/9781449326487/chapter-6dot-integrating-2d-and-3d/overlaying_3d_visuals_on_2d_pa|sarlavha=WebGL: Up and Running|muallif=Parisi|ism=Tony|sana=15-avgust 2012-yil|nashriyot=O'Reilly Media, Incorporated|qaralgan sana=13-iyul 2012-yil|arxivurl=https://web.archive.org/20130201234333/http://my.safaribooksonline.com/book/animation-and-3d/9781449326487/chapter-6dot-integrating-2d-and-3d/overlaying_3d_visuals_on_2d_pa|arxivsana=2013-02-01}}</ref>.

WebGL dasturlari JavaScriptda yozilgan va [[C (dasturlash tili)|C]] yoki [[C++]] ga oʻxshash OpenGL ES Shading Language (GLSL ES) tilida yozilgan va kompyuterning grafik ishlov berish blokida (GPU) bajariladigan kodidan iborat. WebGL [[Notijorat tashkiloti|notijorat]] Khronos Group tomonidan ishlab chiqilgan va yuritiladi.

2022-yil 9-fevralda Khronos Group barcha asosiy brauzerlar uchun WebGL 2.0 foydalanishini eʼlon qildi<ref name=":3">{{Veb manbasi|sana=9-fevral 2022-yil|sarlavha=WebGL 2.0 Achieves Pervasive Support from all Major Web Browsers|url=https://www.khronos.org/blog/webgl-2-achieves-pervasive-support-from-all-major-web-browsers|kirish sanasi=13-fevral 2022-yil|ish=The Khronos Group|til=inglizcha}}</ref>.

== Dizayn ==
WebGL 1.0 OpenGL ES 2.0 ga asoslangan va 3D grafika uchun API taqdim etadi. U [[HTML5]] kanvas elementidan foydalanadi va unga Document Object Model (DOM) interfeyslari yordamida kirish mumkin.

WebGL 2.0 OpenGL ES 3.0 ga asoslangan va WebGL 1.0 ning ko‘plab kengaytmalari mavjudligini kafolatlaydi va yangi API’larni taqdim etadi. Avtomatik xotira boshqaruvi [[JavaScript]] tomonidan bilvosita taqdim etiladi.

OpenGL ES 2.0 kabi WebGL ham OpenGL 1.0 da kiritilgan va OpenGL 3.0 da eskirgan funksiyali API larga ega emas. Agar kerak boʻlsa, ushbu funksiya [https://www.khronos.org/opengl/wiki/Shader shader kod] ini taqdim etish va JavaScriptda maʼlumotlar ulanishlarini sozlash orqali oxirgi [[dasturchi]] tomonidan amalga oshirilishi kerak.

WebGLdagi shaderlar toʻgʻridan-toʻgʻri GLSLda ifodalanadi va WebGL APIga matnli satrlar sifatida uzatiladi. WebGL ilovasi ushbu shader koʻrsatmalarini GPU kodiga kompilyatsiya qiladi. Ushbu kod API orqali yuborilgan har bir tepalik uchun va ekranga rasterlangan har bir piksel uchun bajariladi.

== Tarixi ==
WebGL [[Mozilla Foundation|Mozillaʼda]] [[:en:Vladimir Vukićević|Vladimir Vukićević]] tomonidan boshlangan Canvas 3D tajribalaridan kelib chiqadi. Vukićević birinchi marta 2006-yilda Canvas 3D prototipini namoyish qilgan. 2007-yil oxiriga kelib, Mozilla<ref>{{Veb manbasi|url=http://blog.vlad1.com/2007/11/26/canvas-3d-gl-power-web-style/|arxivurl=https://web.archive.org/web/20110717224855/http://blog.vlad1.com/2007/11/26/canvas-3d-gl-power-web-style/|arxivsana=2011-07-17|sarlavha=Canvas 3D: GL power, web-style|nashriyot=Blog.vlad1.com|qaralgan sana=14-may 2011-yil}}</ref> va Opera<ref>{{Veb manbasi|url=http://my.opera.com/timjoh/blog/2007/11/13/taking-the-canvas-to-another-dimension|sarlavha=Taking the canvas to another dimension|nashriyot=My.opera.com|sana=26-noyabr 2007-yil|qaralgan sana=14-may 2011-yil|arxivurl=https://web.archive.org/web/20071117170113/http://my.opera.com/timjoh/blog/2007/11/13/taking-the-canvas-to-another-dimension|arxivsana=2007-11-17}}</ref> ham oʻzlarining alohida dasturlarini yaratdilar.

2009-yil boshida Khronos Group [[Notijorat tashkiloti|notijorat]] texnologiya [[konsorsium]]i [[Apple Inc.|Apple]], [[Google]], Mozilla, Opera va boshqalar ishtirokida WebGL ishchi guruhini boshladi. WebGL spetsifikatsiyasining 1.0 versiyasi 2011-yil mart oyida chiqarilgan. 2012-yil mart oyidan boshlab ishchi guruh rahbari Ken Rassell hisoblanadi.

WebGL ning dastlabki ilovalariga [[:en:Zygote Body|Zygote Body]] kiradi<ref>{{Veb manbasi|url=http://bodybrowser.googlelabs.com|sarlavha=Google Body – Google Labs|nashriyot=Bodybrowser.googlelabs.com|qaralgan sana=14-may 2011-yil|arxivurl=https://web.archive.org/web/20110513162725/http://bodybrowser.googlelabs.com/|arxivsana=2011-05-13}}</ref><ref>{{Veb manbasi|muallif=Bhanoo|ism=Sindya N.|url=http://well.blogs.nytimes.com/2010/12/23/new-from-google-the-body-browser/|sarlavha=New From Google: The Body Browser|nashriyot=Well.blogs.nytimes.com|sana=23-dekabr 2010-yil|qaralgan sana=14-may 2011-yil}}</ref>. 2012-yil noyabr oyida Autodesk oʻz ilovalarining koʻpchiligini mahalliy WebGL mijozlarida ishlaydigan tizimga oʻtkazganligini eʼlon qildi. Bu dasturlarga Fusion 360 va AutoCAD 360 kiradi<ref>{{Veb manbasi|url=http://www.3dcadworld.com/autodesk-fusion-360-the-future-of-cad-part-1/|sarlavha=AUTODESK FUSION 360: THE FUTURE OF CAD, PT. 1|nashriyot=3dcadworld.com|qaralgan sana=21-avgust 2013-yil}}</ref>. WebGL 2 spetsifikatsiyasini ishlab chiqish 2013-yilda boshlangan va 2017-yil yanvarida yakunlangan<ref>{{Veb manbasi|url=http://www.khronos.org/registry/webgl/specs/latest/2.0/|sarlavha=WebGL 2 Specification|nashriyot=khronos.org|sana=26-sentabr 2013-yil|qaralgan sana=28-oktabr 2013-yil}}</ref>. Ushbu spetsifikatsiya OpenGL ES 3.0 ga asoslangan<ref>{{Veb manbasi|url=https://www.khronos.org/registry/webgl/specs/latest/2.0/|sarlavha=WebGL 2.0 Specification}}</ref>. Birinchi ilovalar Firefox 51, Chrome 56 va Opera 43 da mavjud edi<ref>{{Veb manbasi|url=https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API|sarlavha=WebGL - Web APIs|nashriyot=[[MDN Web Docs|MDN]]}}</ref>.

== Amalga oshirish jarayoni ==

=== Native Graphics Layer Engine ===
Native Graphics Layer Engine ([[:en:ANGLE (software)|ANGLE]]) WebGL 1.0 (ES 3.0 ga chambarchas mos keladigan 2.0) va OpenGL ES 2.0 va 3.0 standartlarini amalga oshiradigan ochiq kodli grafik mexanizmidir. Bu Windows platformalarida Google Chrome va Mozilla Firefox uchun ishlatish imkonsiz boʻlib, WebGL va OpenGL chaqiruvlarini mavjud platformaga xos API’larga tarjima qilish orqali ishlaydi. ANGLE hozir OpenGL ES 2.0 va 3.0 dan ish stoli OpenGL, OpenGL ES, Direct3D 9 va Direct3D 11 API lariga kirish imkonini beradi<ref name=":0:chromium"/>. ″(Google) ''Chrome Windows tizimidagi barcha grafik tasvirlar, jumladan Canvas2D mukammallashtirilgan ilovasi va Native Client sinov muhiti uchun ANGLEdan foydalanadi″''<ref name=":0:chromium">{{Veb manbasi|yil=2019|qaralgan sana=21-iyun 2019-yil|url=https://chromium.googlesource.com/angle/angle/+/master/README.md|sarlavha=ANGLE - Almost Native Graphics Layer Engine}}</ref>.

== Dasturiy taʼminot ==
WebGL zamonaviy brauzerlar tomonidan keng qoʻllab-quvvatlanadi. Biroq, uning mavjudligi uni qoʻllab-quvvatlaydigan GPU kabi boshqa omillarga bogʻliq. Rasmiy WebGL veb-sayti oddiy test rejimini taqdim etadi<ref>{{Veb manbasi|url=http://get.webgl.org/|sarlavha=WebGL test page|ish=webgl.org}}</ref>. Batafsil maʼlumot (masalan, brauzer qaysi render qiluvchi dasturdan foydalanishi va qanday kengaytmalar mavjudligi) uchinchi tomon veb-saytlarida taqdim etiladi<ref>{{Veb manbasi|url=http://webglreport.com/|sarlavha=WebGL Report|ish=webglreport.com}}</ref><ref>{{Veb manbasi|url=http://www.browserleaks.com/webgl|sarlavha=WebGL Browser Report — WebGL Detection — WebGL Tester — BrowserLeaks|ish=browserleaks.com}}</ref>.

=== Ish stoli brauzerlari ===

* [[Google Chrome]] — WebGL 1.0 2011-yil fevral oyida chiqarilgan 9-versiyasidan boshlab yangilangan drayverlarga ega qobiliyatli grafik kartaga ega barcha platformalarda ishlaydi<ref>{{Veb manbasi|muallif=Mah|ism=Paul|url=http://www.fiercecio.com/techwatch/story/google-releases-chrome-9-comes-google-instant-webgl/2011-02-08|sarlavha=Google releases Chrome 9; comes with Google Instant, WebGL – FierceCIO:TechWatch|nashriyot=FierceCIO|sana=8-fevral 2011-yil|qaralgan sana=20-mart 2012-yil|arxivsana=25-oktabr 2011-yil|arxivurl=https://web.archive.org/web/20111025103023/http://www.fiercecio.com/techwatch/story/google-releases-chrome-9-comes-google-instant-webgl/2011-02-08}}</ref><ref>{{Veb manbasi|url=http://learningwebgl.com/blog/?p=3103|sarlavha=WebGL in Chrome Stable! - Learning WebGL|ish=learningwebgl.com|qaralgan sana=7-avgust 2014-yil|arxivurl=https://web.archive.org/web/20150528155734/http://learningwebgl.com/blog/?p=3103|arxivsana=2015-05-28}}</ref>. Windows tizimida sukut boʻyicha Chrome OpenGL ES ni drayverlarni yaxshiroq qoʻllab-quvvatlaydigan Direct X 9.0c yoki 11.0 ga tarjima qilish uchun ANGLE (Native Graphics Layer Engine) render qiluvchi dasturidan foydalanadi<ref name="geek3d">{{Veb manbasi|url=http://www.geeks3d.com/20130611/webgl-how-to-enable-native-opengl-in-your-browser-windows/|sarlavha=(WebGL) How to Enable Native OpenGL in your Browser (Windows)|ish=geeks3d.com}}</ref>. [[Linux]] va [[Mac OS X]] da standart render qiluvchi dastur OpenGL hisoblanadi<ref>{{Veb manbasi|url=https://blog.chromium.org/2010/03/introducing-angle-project.html|sarlavha=Chromium Blog: Introducing the ANGLE Project|ish=Chromium Blog}}</ref>. Windowsda render sifatida OpenGLni majburlash ham mumkin<ref name="geek3d" />. 2013-yil sentabr oyidan boshlab Chrome yangiroq Direct3D 11 renderiga ega, ammo bu yangiroq grafik kartani talab qiladi<ref>{{Veb manbasi|url=http://blog.tojicode.com/2013/09/at-last-chrome-d3d11-day-has-come.html|sarlavha=At last! Chrome D3D11 day has come!|ish=tojicode.com}}</ref>. Chrome 56+ WebGL 2.0 ni qo‘llab-quvvatlaydi.
* [[Mozilla Firefox|Firefox]] — WebGL 1.0 4.0 versiyasidan boshlab yangilangan drayverlarda sifatli grafik kartaga ega barcha platformalarda yoqilgan<ref>{{Veb manbasi|url=http://www.mozilla.com/en-US/firefox/4.0/releasenotes/|sarlavha=Mozilla Firefox 4 Release Notes|nashriyot=Mozilla.com|sana=22-mart 2011-yil|qaralgan sana=20-mart 2012-yil}}</ref>. 2013-yildan beri Firefox ham ANGLE orqali Windows platformasida DirectX dan foydalanadi<ref name="geek3d" />. Firefox 51+ WebGL 2.0 ni qoʻllab-quvvatlaydi.
* [[Safari]] — Safari 6.0 va OS X Mountain Lion, Mac OS X Lion va Mac OS X Snow Leopard’dagi Safari 5.1 da o‘rnatilgan Safari 6.0 va undan keyingi versiyalari Safari 8.0 dan oldin o‘chirib qo‘yilgan (ishlatish imkonsiz) WebGL 1.0 ni qo‘llab-quvvatladi<ref>{{Veb manbasi|url=http://fairerplatform.com/2011/05/new-in-os-x-lion-safari-5-1-brings-webgl-do-not-track-and-more/|sarlavha=New in OS X Lion: Safari 5.1 brings WebGL, Do Not Track and more|nashriyot=Fairerplatform.com|sana=3-may 2011-yil|qaralgan sana=20-mart 2012-yil|arxivurl=https://web.archive.org/web/20120319172926/http://fairerplatform.com/2011/05/new-in-os-x-lion-safari-5-1-brings-webgl-do-not-track-and-more/|arxivsana=2012-03-19}}</ref><ref>{{Veb manbasi|url=http://www.ikriz.nl/2011/08/23/enable-webgl-in-safari|sarlavha=Enable WebGL in Safari|nashriyot=Ikriz.nl|sana=23-avgust 2011-yil|qaralgan sana=20-mart 2012-yil|arxivsana=4-mart 2012-yil|arxivurl=https://web.archive.org/web/20120304215012/http://www.ikriz.nl/2011/08/23/enable-webgl-in-safari}}</ref><ref>{{Veb manbasi|url=http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation|sarlavha=Getting a WebGL Implementation|nashriyot=Khronos.org|sana=13-yanvar 2012-yil|qaralgan sana=20-mart 2012-yil}}</ref><ref>{{Veb manbasi|url=http://www.khronos.org/webgl/wiki/Implementations/WebKit|sarlavha=Implementations/WebKit|nashriyot=Khronos.org|sana=2011-09-03|kirish sanasi=20-mart 2012-yil}}</ref><ref>{{Veb manbasi|url=http://www.webkit.org/blog/603/webgl-now-available-in-webkit-nightlies/|sarlavha=WebGL Now Available in WebKit Nightlies|nashriyot=Webkit.org|qaralgan sana=20-mart 2012-yil|arxivurl=https://web.archive.org/web/20120308195003/http://www.webkit.org/blog/603/webgl-now-available-in-webkit-nightlies/|arxivsana=2012-03-08}}</ref>. Safari 12-versiyasi (MacOS Mojaveda mavjud) hozir „Eksperimental“ sifatida WebGL 2.0 uchun mavjud.
* [[Opera (brauzer)|Opera]] — WebGL 1.0 2014-yilda oʻchirib qoʻyilgan boʻlsada, Opera 11 va 12-da joriy qilingan<ref>{{Veb manbasi|url=http://my.opera.com/core/blog/2011/02/28/webgl-and-hardware-acceleration-2|sarlavha=WebGL and Hardware Acceleration|nashriyot=My.opera.com|sana=28-fevral 2011-yil|qaralgan sana=20-mart 2012-yil|arxivurl=https://web.archive.org/web/20110303150523/http://my.opera.com/core/blog/2011/02/28/webgl-and-hardware-acceleration-2|arxivsana=2011-03-03}}</ref><ref>{{Veb manbasi|url=http://my.opera.com/desktopteam/blog/2011/10/13/introducing-opera-12-alpha|sarlavha=Introducing Opera 12 alpha|nashriyot=My.opera.com|sana=13-oktabr 2011-yil|qaralgan sana=20-mart 2012-yil|arxivurl=https://web.archive.org/web/20111015055222/http://my.opera.com/desktopteam/blog/2011/10/13/introducing-opera-12-alpha|arxivsana=2011-10-15}}</ref>. Opera 43+ WebGL 2.0 ni qoʻllab-quvvatlaydi.
* [[Internet Explorer]] — WebGL 1.0 qisman Internet Explorer 11 da qoʻllab-quvvatlanadi<ref>{{Veb manbasi|url=http://msdn.microsoft.com/en-US/library/ie/bg182648%28v=vs.85%29|sarlavha=WebGL (Windows)|nashriyot=Microsoft|ish=microsoft.com}}</ref><ref>{{Veb manbasi|url=http://msdn.microsoft.com/library/ie/bg182636.aspx|sarlavha=Internet Explorer 11 Preview guide for developers|nashriyot=Microsoft|sana=17-iyul 2013-yil|qaralgan sana=24-iyul 2013-yil}}</ref><ref>{{Veb manbasi|url=http://msdn.microsoft.com/library/ie/bg182648.aspx|sarlavha=WebGL|nashriyot=Microsoft|sana=2013-07-17|kirish sanasi=24-iyul 2013-yil}}</ref><ref>{{Veb manbasi|url=https://www.engadget.com/2013/06/26/internet-explorer-11-to-support-webgl-and-mpeg-dash/|sarlavha=Internet Explorer 11 to support WebGL and MPEG Dash|nashriyot=Engadget|sana=26-iyun 2013-yil|qaralgan sana=26-iyun 2013-yil}}</ref>. Dastlab u rasmiy WebGL muvofiqlik testlarining aksariyatida muvaffaqiyatsizlikka uchradi, ammo [[Microsoft]] keyinchalik bir nechta yangilanishlarni chiqardi. Eng soʻnggi 0,94 WebGL mexanizmi hozir Khronos sinovlarining ~97 % dan oʻtadi<ref>{{Veb manbasi|url=https://connect.microsoft.com/IE/feedback/details/795172|sarlavha=IE11 fails more than half tests in official WebGL conformance test suite|nashriyot=Microsoft Connect}}</ref>. WebGLni qoʻllab-quvvatlash, shuningdek, IEWebGL kabi uchinchi tomon plaginlari yordamida Internet Explorerning oldingi versiyalariga qoʻlda qoʻshilishi mumkin<ref>{{Veb manbasi|url=https://github.com/iewebgl/iewebgl|sarlavha=IEWebGL|nashriyot=Iewebgl|kirish sanasi=14-avgust 2014-yil}}</ref>.
* Microsoft Edge — Microsoft Edge Legacy uchun dastlabki barqaror versiya WebGL 0.95 versiyasini (kontekst nomi: „eksperimental-webgl“) ochiq manbali GLSL dan HLSL transpilyatoriga qo‘llab-quvvatlaydi<ref>{{Veb manbasi|url=https://github.com/microsoftedge/webgl|sarlavha=GitHub - Microsoft Edge WebGL Implementation|nashriyot=Microsoft|sana=4-iyun 2016-yil|qaralgan sana=10-iyun 2016-yil}}</ref>. 10240+ versiyasi WebGL 1.0 ni prefiks sifatida qoʻllab-quvvatlaydi. Eng soʻnggi Chromiumga asoslangan Edge WebGL 2.0ni qoʻllab-quvvatlaydi.

=== Mobil brauzerlar ===

* BlackBerry 10 — WebGL 1.0 BlackBerry qurilmalari uchun OS 10.00<ref>{{Veb manbasi|muallif=McDonough|ism=Larry|sarlavha=WebGL: 3D Gaming on the Web Arrives|url=http://devblog.blackberry.com/2013/04/webgl-3d-gaming/|ish=BerryReview|kirish sanasi=9-aprel 2013-yil|arxivsana=13-aprel 2013-yil|arxivurl=https://web.archive.org/web/20130413092901/http://devblog.blackberry.com/2013/04/webgl-3d-gaming/}}</ref> versiyasidan beri mavjud.
* BlackBerry PlayBook — WebGL 1.0 WebWorks va brauzer orqali PlayBook OS 2.00<ref>{{Veb manbasi|muallif=Halevy|ism=Ronen|sarlavha=PlayBook OS 2.0 Developer Beta Includes WebGL, Flash 11, & AIR 3.0|url=http://www.berryreview.com/2011/10/18/playbook-os-2-0-developer-beta-includes-webgl-flash-11-air-3-0/|ish=BerryReview|kirish sanasi=15-noyabr 2011-yil}}</ref> da mavjud.
* [[Android]] brauzeri — asosan qoʻllab-quvvatlanmaydi, ammo Sony Ericsson Xperia qator Android smartfonlari proshivka yangilanganidan keyin WebGL imkoniyatlariga ega boʻldi<ref>{{Veb manbasi|url=http://blogs.sonyericsson.com/wp/2011/11/29/xperia-phones-first-to-support-webgl|arxivurl=https://web.archive.org/web/20111203100604/http://blogs.sonyericsson.com/wp/2011/11/29/xperia-phones-first-to-support-webgl|arxivsana=2011-12-03|sarlavha=Xperia™ phones first to support WebGL™ – Developer World|ish=blogs.sonyericsson.com|sana=29-noyabr 2011-yil|qaralgan sana=5-dekabr 2011-yil|nashriyot=The Sony Ericsson Developer Program}}</ref>. [[Samsung]] smartfonlarida WebGL ham yoqilgan (Galaxy SII (4.1.2) va Galaxy Note 8.0 (4.2) da tasdiqlangan). Koʻpgina telefonlarda Android brauzerini almashtirgan Google Chrome brauzerida qoʻllab-quvvatlanadi (lekin yangi standart Android brauzeri emas).
* [[Internet Explorer]] — Prefiksli WebGL 1.0 Windows Phone 8.x (11+) da mavjud.
* Mobil uchun Firefox — Firefox 4dan beri WebGL 1.0 Android va MeeGo qurilmalari uchun mavjud<ref>{{Veb manbasi|url=http://www.ichemlabs.com/1375|sarlavha=WebGL on Mobile Devices|nashriyot=iChemLabs|sana=12-noyabr 2011-yil|qaralgan sana=25-noyabr 2011-yil|arxivsana=27-yanvar 2013-yil|arxivurl=https://web.archive.org/web/20130127155009/http://www.ichemlabs.com/1375}}</ref><ref name="mobilehtml5.org">{{Veb manbasi|url=http://mobilehtml5.org/|sarlavha=Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices|qaralgan sana=16-sentabr 2015-yil|arxivsana=2022-04-15|arxivurl=https://web.archive.org/web/20220415202509/http://mobilehtml5.org/}}</ref>.
* Firefox OS<ref name="mobilehtml5.org" />
* [[Google Chrome]]<ref>{{Veb manbasi|muallif=Kersey|ism=Jason|sarlavha=Chrome Beta for Android Update|url=http://googlechromereleases.blogspot.com/2013/08/chrome-beta-for-android-update_22.html|ish=Chrome Releases Blog|qaralgan sana=23-avgust 2013-yil}}</ref>.
* Maemo — Nokia N900 da WebGL 1.0 PR1.2 mikrodastur yangilanishidan boshlab birja microB brauzerida mavjud<ref>{{Veb manbasi|muallif=Voipio|ism=Riku|url=http://suihkulokki.blogspot.com/2010/06/webgl-on-n900.html|sarlavha=WebGL on N900|nashriyot=Suihkulokki.blogspot.com|sana=7-iyun 2010-yil|qaralgan sana=14-may 2011-yil}}</ref>.
* MeeGo — WebGL 1.0 „Web“ birja brauzerida qo‘llab-quvvatlanmaydi. Biroq, u [[Mozilla Firefox|Firefox]] orqali ishlaydi<ref name="mobilehtml5.org" />.
* Microsoft Edge — Prefiksli WebGL 1.0 [[Windows 10]] Mobileda mavjud<ref>{{Veb manbasi|url=https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/graphics/WebGL/|sarlavha=Dev guide: WebGL – Microsoft Edge Development|qaralgan sana=10-iyun 2016-yil|nashriyot=Microsoft|arxivsana=2016-10-08|arxivurl=https://web.archive.org/web/20161008173130/https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/graphics/WebGL/}}</ref>
* [[Opera Mobile]] — Opera Mobile 12 WebGL 1.0 ni qoʻllab-quvvatlaydi (faqat, Androidda)<ref>{{Veb manbasi|sarlavha=Opera Mobile 12|url=http://my.opera.com/mobile/blog/2012/02/27/opera-mobile-12|nashriyot=Opera Software|qaralgan sana=27-fevral 2012-yil|arxivurl=https://web.archive.org/web/20120301005014/http://my.opera.com/mobile/blog/2012/02/27/opera-mobile-12|arxivsana=1 March 2012}}</ref>.
* Sailfish OS — WebGL 1.0 standart Sailfish brauzerida qoʻllab-quvvatlanadi<ref>{{Veb manbasi|url=https://html5test.com/compare/browser/sailfish.html|sarlavha=HTML5test – How well does your browser support HTML5?|qaralgan sana=16-sentabr 2015-yil}}</ref>.
* Tizen — WebGL 1.0 qo‘llab-quvvatlanadi<ref>{{Veb manbasi|url=https://html5test.com/compare/browser/tizen-2.3.html|sarlavha=HTML5test – How well does your browser support HTML5?|qaralgan sana=16-sentabr 2015-yil}}</ref>.
* [[iOS]] — WebGL 1.0 mobil Safari uchun iOS 8 da mavjud<ref>{{Veb manbasi|muallif=Cunningham|ism=Andrew|sarlavha=iOS 8, Thoroughly Reviewed|url=https://arstechnica.com/apple/2014/09/ios-8-thoroughly-reviewed/7/|kirish sanasi=19-sentabr 2014-yil|sana=17-sentabr 2014-yil|nashriyot=Ars Technica}}</ref>.

== Xususiyatlar va tizim ==

=== Foydalanish ===
Oʻz-oʻzidan kerakli 3D grafikalarni tezda ishlab chiqarishni taʼminlaydigan WebGL API ning past darajadagi turi odatda 3D grafikalarda narsalarni yaratish uchun foydalaniladigan toʻplamlarni yaratishga yordam berdi (masalan, shaderlar uchun koʻrish oʻzgarishlari, [[:en:Matrix transformation|view frustum]] va boshqalar). Ommabop sanoat formatlarida sahna grafiklari va 3D obyektlarni yuklash kabi asosiy vazifalar qoʻshimcha funksiyalarni taʼminlash uchun kutubxonalar tomonidan (ularning baʼzilari boshqa tillardan JavaScriptga koʻchirilgan) mavhumlashtiriladi. Koʻpgina yuqori darajadagi xususiyatlarni taʼminlovchi kutubxonalarning toʻliq boʻlmagan roʻyxatiga A-Frame (VR), [http://www.babylonjs.com/ BabylonJS], PlayCanvas, three.js, OSG, JS va CopperLicht kiradi. X3D shuningdek, X3D va VRML kontentini WebGL da ishlaydigan qilish uchun X3DOM deb nomlangan loyihani yaratdi. 3D modeli [[HTML5]] da <code><X3D></code> XML tegida va interaktiv skript JavaScript va DOM dan foydalanadi. BS Content Studio va InstantReality X3D eksportchisi X3Dni HTML formatida eksport qilishi va WebGL orqali ishlashi mumkin.

=== Oʻyinlar ===
Shuningdek, WebGL uchun 2D va 3D<ref name="Parisi2014">{{Kitob manbasi|last=Parisi|first=Tony|title=Programming 3D Applications with HTML5 and WebGL: 3D Animation and Visualization for Web Pages|url=https://books.google.com/books?id=UvrYAgAAQBAJ&pg=PA364-366|date=13 February 2014|publisher="O'Reilly Media, Inc."|isbn=978-1-4493-6395-6|pages=364–366}}</ref>, jumladan Unreal Engine 4 va [[Unity]] uchun oʻyin mexanizmlari tez paydo boʻldi<ref>{{Veb manbasi|url=http://www.anandtech.com/show/8354/tegra-k1-lands-in-acers-newest-chromebook|sarlavha=Tegra K1 Lands in Acer's Newest Chromebook|muallif=Barrett|ism=Stephen|ish=anandtech.com|qaralgan sana=2022-08-05|arxivsana=2014-08-11|arxivurl=https://web.archive.org/web/20140811235419/http://anandtech.com/show/8354/tegra-k1-lands-in-acers-newest-chromebook}}</ref>. Stage3D /Flash asosidagi Away3D yuqori darajali kutubxonasi TypeScript orqali WebGL uchun portga ham ega<ref name="L5956">{{Veb manbasi|url=http://learningwebgl.com/blog/?p=5956|sarlavha=WebGL around the net, 17 Oct 2013 - Learning WebGL|ish=learningwebgl.com|qaralgan sana=5-avgust 2014-yil|arxivurl=https://web.archive.org/web/20140808045751/http://learningwebgl.com/blog/?p=5956|arxivsana=8 August 2014}}</ref><ref>{{Veb manbasi|url=http://away3d.com/comments/away3d_typescript_4.1_alpha|sarlavha=Blog > Away3D Typescript 4.1 Alpha > Away3D|ish=away3d.com|qaralgan sana=5-avgust 2014-yil|arxivsana=8-avgust 2014-yil|arxivurl=https://web.archive.org/web/20140808063141/http://away3d.com/comments/away3d_typescript_4.1_alpha}}</ref>. Shaderlar uchun faqat vektor va matritsali matematik yordam dasturlarini taqdim etuvchi yengilroq yordamchi kutubxona bu sylvester.js<ref name="BoreskovShikin2013">{{Kitob manbasi|last=Boreskov|first=Alexey|title=Computer Graphics: From Pixels to Programmable Graphics Hardware|url=https://books.google.com/books?id=VUPBAQAAQBAJ&pg=PA370|year=2014|publisher=CRC Press|isbn=978-1-4398-6730-3|page=370}}</ref><ref name="Anyuru2012">{{Kitob manbasi|last=Anyuru|first=Andreas|title=Professional WebGL Programming: Developing 3D Graphics for the Web|url=https://books.google.com/books?id=F75bsvlmqQsC&pg=PA140|year=2012|publisher=John Wiley & Sons|isbn=978-1-119-94059-3|page=140}}</ref>. U baʼzan glUtils.js deb nomlangan WebGL maxsus kengaytmasi bilan birgalikda ishlatiladi<ref name="BoreskovShikin2013" /><ref name="FultonFulton2013">{{Kitob manbasi|last=Fulton|first=Steve|title=HTML5 Canvas|url=https://books.google.com/books?id=zLUyKvtdCQwC&pg=PA624|year=2013|publisher="O'Reilly Media, Inc."|isbn=978-1-4493-3588-5|page=624|edition=2nd}}</ref>.

Bundan tashqari, Cocos2d -x yoki Pixi.js kabi WebGL ustiga qurilgan baʼzi 2D kutubxonalar mavjud boʻlib, ular Flash dunyosida Stage3D orqali Starling Framework bilan sodir boʻlgan voqealarga oʻxshash harakatda ishlash sabablari tufayli shu tarzda amalga oshirilgan. WebGLga asoslangan 2D kutubxonalari WebGL mavjud boʻlmaganda HTML5ga qaytadi.

GPUga deyarli toʻgʻridan-toʻgʻri kirishni taʼminlash orqali renderlash muammosini bartaraf etish JavaScript dasturlarida ishlash cheklovlarini ham yuzaga keltirdi. Ulardan baʼzilari asm.js va WebAssembly tomonidan koʻrib chiqildi (xuddi shunday, CrossBridge kabi loyihalar tomonidan hal qilingan [[ActionScript]]da Stage3Dning taʼsir koʻrsatish muammolari paydo boʻldi).

=== Kontent yaratish ===
Boshqa har qanday grafik API kabi, WebGL sahnalari uchun kontent yaratish oddiy 3D kontent yaratish vositasidan foydalanishni va sahnani tomoshabin yoki yordamchi kutubxona tomonidan oʻqilishi mumkin boʻlgan formatga eksport qilishni talab qiladi. Buning uchun [[Blender (dastur)|Blender]], Autodesk Maya yoki SimLab Composer kabi ish stoli 3D mualliflik dasturidan foydalanish mumkin. Xususan, Blend4Web WebGL sahnasini toʻliq Blenderda yaratish va hatto mustaqil veb-sahifa sifatida ham bir marta bosish bilan brauzerga eksport qilish imkonini beradi<ref name="blend4web_about">{{Veb manbasi|url=https://www.blend4web.com/en/about/|sarlavha=Blend4Web Official Site - About|nashriyot=Blend4Web.com|qaralgan sana=22-iyun 2015-yil}}</ref>. CopperCube va WebGLga asoslangan Clara.io onlayn muharriri kabi WebGLga xos dasturlar ham mavjud. Sketchfab va Clara.io kabi onlayn platformalar foydalanuvchilarga oʻzlarining 3D modellarini toʻgʻridan-toʻgʻri yuklash va ularni joylashtirilgan WebGL koʻrish vositasi yordamida namoyish qilish imkonini beradi.

=== Atrof-muhitga asoslangan vositalar ===
Bundan tashqari, [[Mozilla Foundation]] oʻzining Firefox brauzerida 27-versiyadan boshlab, vertex va fragment shaderlarini tahrirlash imkonini beruvchi oʻrnatilgan WebGL vositalarini joriy qildi<ref>{{Veb manbasi|url=https://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/|sarlavha=Live editing WebGL shaders with Firefox Developer Tools|ish=Mozilla Hacks – the Web developer blog}}</ref>. Bir qator boshqa nosozliklarni tuzatish va profillash vositalari ham paydo boʻldi<ref>{{Veb manbasi|url=http://www.realtimerendering.com/blog/webgl-debugging-and-profiling-tools/|sarlavha=Real-Time Rendering · WebGL Debugging and Profiling Tools|ish=realtimerendering.com}}</ref>.

== Manbalar ==
{{manbalar}}

[[Turkum:Kross-platformali dasturlar]]