WebGL
WebGL (Web-based Graphics Library) — кроссплатформенный API для отображения 3D-графики в браузере, разрабатываемый некоммерческой организацией Khronos Group. WebGL использует язык программирования шейдеров GLSL[2]. WebGL исполняется как элемент HTML5 и поэтому является полноценной частью объектной модели документа (DOM API) браузера. Может использоваться с любыми языками программирования, которые умеют работать с DOM API, например, JavaScript, Rust[3], Java, Kotlin[4] и другими. Все ведущие разработчики браузеров Google (Chrome), Mozilla (Firefox), и Apple (Safari) являются членами Khronos и реализуют WebGL в своих браузерах. За счёт использования низкоуровневых средств поддержки OpenGL часть кода на WebGL может выполняться непосредственно на видеокартах. WebGL — это контекст элемента canvas HTML, который обеспечивает API 3D графики без использования плагинов[5]. Первая спецификация была выпущена 3 марта 2011 года. Современная версия 2.0 (несовместима с версией 1.0) доступна с 27 февраля 2017 года[6][7].
WebGL | |
---|---|
Тип | API |
Автор | Mozilla Foundation |
Разработчик | Khronos Group |
Операционная система | Кроссплатформенность |
Первый выпуск | 3 марта 2011 |
Последняя версия | 2.0[1] (30 августа 2018) |
Лицензия | Various |
Сайт | khronos.org/webgl/ |
Медиафайлы на Викискладе |
Принципы
правитьAPI построена на основе OpenGL ES 2.0 и даёт возможность реализации 3D-графики[8] в браузере, использует HTML5-элемент canvas, также оперирует с DOM. Автоматическое управление памятью предоставляется языком JavaScript[5].
Версии
правитьРеализация
править- Mozilla Firefox — WebGL был включён на всех платформах, у которых есть нужная графическая карта с актуальными драйверами, начиная с версии 4.0[11].
- Google Chrome — WebGL включён по умолчанию во всех версиях, начиная с 9[12].
- Safari — экспериментально поддерживает WebGL, начиная с версии 5.1, полная поддержка реализована и включена по умолчанию в версии 8.0.
- Opera — WebGL реализован в версии Opera 12.0, но отключён по умолчанию.
- Internet Explorer — начиная с Internet Explorer 11 WebGL официально поддерживается[13]. До выхода 11 версии независимыми разработчиками были выпущены плагины Chrome Frame и IEWebGL, предусматривающие опции, необходимые для поддержки WebGL в Internet Explorer.
Мобильные браузеры
править- Maemo 5 — WebGL доступен во встроенном браузере microB начиная с версии прошивки PR1.2 (май 2011)[14].
- BlackBerry PlayBook — WebGL доступен посредством WebWorks и браузера в PlayBook OS 2.0[15].
- Google Chrome — WebGL доступен для Android-устройств в бета-версиях начиная с января 2013[16].
- Firefox for mobile — WebGL доступен для Android устройств в бета-версиях с начала 2011[17].
- Sony Ericsson Xperia — многие устройства на базе Android имеют поддержку WebGL после обновления прошивки[18].
- Opera Mobile 12 final поддерживает WebGL (только на Android)[19].
- Safari для iOS — поддержка реализована в версии 8.0[20].
Рабочая группа
правитьВ состав рабочей группы, разрабатывающей стандарт, входят: Khronos Group, разработчики браузеров Apple Safari, Google Chrome, Mozilla Firefox и Opera, а также специалисты AMD и Nvidia[21].
История
правитьWebGL возник из экспериментов над Canvas 3D Владимира Вукичевича (Vladimir Vukićević) из Mozilla, разработавшего прототип Canvas 3D в 2006 году. В конце 2007 года и Mozilla[22], и Opera[23] создали свои собственные отдельные реализации.
В начале 2009 года Mozilla и Khronos организовали рабочую группу WebGL[24], 10 декабря 2009 года консорциум опубликовал первую черновую спецификацию WebGL[21][25]. Председатель группы Арун Ранганатан заявил, что завершение работы над спецификацией ожидается в первом квартале 2010 года[21][25]. Окончательная ревизия первой редакции спецификаций была представлена 3 марта 2011 года в Сан-Франциско[26][27].
Разработка следующей версии спецификации началась в 2013 году. Стандарт WebGL 2.0, базирующийся на OpenGL ES 3.0, был ратифицирован консорциумом Khronos в январе 2017 г.[28]. Новая версия стандарта была реализована в браузерах Firefox 51, Chrome 56 и Opera 43[29].
Безопасность
правитьВ июне 2011 года корпорация Microsoft выразила свою обеспокоенность с точки зрения безопасности технологии WebGL, сославшись на чрезмерные по её мнению права доступа к оборудованию и ненадёжность механизмов защиты от отказа от обслуживания (DoS).[30] Вице-президент Mozilla Марк Шавер отверг критику Microsoft, назвав представленные аргументы преувеличенными. Он также отметил наличие у Microsoft собственной 3D веб-технологии Silverlight 5, основанной на тех же принципах, что и WebGL, которую, тем не менее, Microsoft считает достаточно надёжной.[31] Позднее Microsoft изменила своё отношение к технологии WebGL, реализовав её поддержку в своём браузере Internet Explorer 11.[32]
Корпорация Apple, несмотря на затягивания решения о поддержке WebGL в браузере Safari по причинам безопасности, объявила о принятии такого решения на конференции WWDC в 2014 г.[33]
Библиотеки
правитьДля упрощения разработки WebGL-приложений существуют различные фреймворки и библиотеки. Первой общедоступной стала библиотека WebGLU[34][35]. Среди других библиотек для WebGL — GLGE, C3DL, Copperlicht[36], SpiderGL, gwt-g3d[37] (обёртка для GWT), SceneJS, X3DOM, Processing.js, Babylon.js, Three.js, Turbulenz, OSGJS[38], XB PointStream и CubicVR.js[39].
Blend4Web позволяет визуально редактировать контент для WebGL в открытом пакете 3D моделирования и анимации Blender и экспортировать его для работы в браузерах за одну операцию[40].
Verge3D — WebGL рендерер, экспортирующий сцены напрямую из стандартных редакторов (поддерживаются Autodesk 3ds Max и Blender) с возможностью добавления интерактивных сценариев без программирования[41].
Слой совместимости ANGLE
правитьANGLE (Almost Native Graphics Layer Engine)[42] — библиотека, выпущенная под лицензией BSD, которая позволяет переводить содержимое WebGL в OpenGL ES 2.0, вызывать API DirectX 9 и 11, которые взаимодействуют с платформами Microsoft Windows без необходимости в дополнительных драйверах OpenGL. Используется по умолчанию в браузерах Google Chrome и Firefox.
См. также
правитьПримечания
править- ↑ WebGL 2.0 Specification . Дата обращения: 8 февраля 2017. Архивировано 28 января 2017 года.
- ↑ Getting Started Архивная копия от 13 октября 2018 на Wayback Machine
- ↑ andrewimm/wasm-gb Архивная копия от 17 июня 2018 на Wayback Machine
- ↑ Package-level declarations Архивная копия от 13 октября 2018 на Wayback Machine
- ↑ 1 2 WebGL - OpenGL ES 2.0 for the Web . Khronos.org. Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ Khronos Reveals API Updates & New Working Groups at GDC . Дата обращения: 12 октября 2018. Архивировано 8 марта 2017 года.
- ↑ WebGL Overview . Дата обращения: 12 декабря 2009. Архивировано 15 декабря 2009 года.
- ↑ WebGL Specification . Khronos.org. Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ WebGL Specification . Дата обращения: 8 февраля 2017. Архивировано 27 марта 2017 года.
- ↑ WebGL 2 Specification . Дата обращения: 8 февраля 2017. Архивировано 28 января 2017 года.
- ↑ Mozilla Firefox 4 Release Notes . Дата обращения: 29 августа 2011. Архивировано из оригинала 23 марта 2011 года.
- ↑ Google releases Chrome 9; comes with Google Instant, WebGL — FierceCIO:TechWatch . Дата обращения: 29 августа 2011. Архивировано из оригинала 25 октября 2011 года.
- ↑ WebGL (Windows) . Дата обращения: 16 января 2014. Архивировано 16 января 2014 года.
- ↑ suihkulokki. WebGL on N900 . Suihkulokki.blogspot.com (7 июня 2010). Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ Halevy, Ronen PlayBook OS 2.0 Developer Beta Includes WebGL, Flash 11, & AIR 3.0 . BerryReview. Дата обращения: 15 ноября 2011. Архивировано 12 марта 2013 года.
- ↑ Brandon Jones. Get WebGL working on the Android Chrome Beta . Tojicode (10 января 2013). Дата обращения: 12 февраля 2013. Архивировано 12 марта 2013 года.
- ↑ iclkevin. WebGL on Mobile Devices . iChemLabs (12 ноября 2011). Дата обращения: 25 ноября 2011. Архивировано 12 марта 2013 года.
- ↑ Xperia™ phones first to support WebGL™ – Developer World . blogs.sonyericsson.com. The Sony Ericsson Developer Program (29 ноября 2011). Дата обращения: 5 декабря 2011. Архивировано 12 марта 2013 года.
- ↑ Opera Mobile 12 . Opera Software. Дата обращения: 27 февраля 2012. Архивировано 12 марта 2013 года.
- ↑ WebGL on iOS 8 Safari and webview . Дата обращения: 9 июля 2014. Архивировано из оригинала 14 июля 2014 года.
- ↑ 1 2 3 Khronos опубликовала черновой вариант WebGL Архивная копия от 9 сентября 2015 на Wayback Machine // Lenta.ru, 11.12.2009
- ↑ Canvas 3D: GL power, web-style . Blog.vlad1.com. Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ Taking the canvas to another dimension . My.opera.com (26 ноября 2007). Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ Khronos Details WebGL Initiative to Bring Hardware-Accelerated 3D Graphics to the Internet . Khronos.org (4 августа 2009). Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ 1 2 WebGL 3D web standard reaches draft stages Архивная копия от 15 декабря 2009 на Wayback Machine // Techradar
- ↑ Kurt Bakke. WebCL To Enable GPU-Accelerated Web Apps (англ.). ConceivablyTech (3 марта 2011). Дата обращения: 4 марта 2011. Архивировано 12 апреля 2012 года.
- ↑ Accent. Khronos публикует спецификации WebGL 1.0 — ускорение 3D-графики для web-страниц без подключаемых модулей . iXBT.com (3 марта 2011). Дата обращения: 4 марта 2011. Архивировано из оригинала 6 марта 2011 года.
- ↑ WebGL 2 Specification . khronos.org (5 июля 2017). Дата обращения: 16 августа 2017. Архивировано 8 августа 2017 года.
- ↑ WebGL - Web APIs . MDN. Дата обращения: 16 августа 2017. Архивировано 28 августа 2017 года.
- ↑ WebGL Considered Harmful . Microsoft (16 июня 2011). Дата обращения: 16 июня 2011. Архивировано 12 апреля 2012 года.
- ↑ Mozilla rejects Microsoft criticism of WebGL . The Inquirer (20 июня 2011). Дата обращения: 29 июня 2011. Архивировано 12 апреля 2012 года.
- ↑ Microsoft (Finally) Confirms WebGL Support For [[Internet Explorer]] 11 . TechCrunch (26 июня 2013). Дата обращения: 7 июля 2015. Архивировано 9 июля 2015 года.
- ↑ Safari On iOS8 Supports WebGL - The New Era Can Now Commence . I Programmer (4 июня 2014). Дата обращения: 7 июля 2015. Архивировано 7 июля 2015 года.
- ↑ OneGeek/WebGLU · GitHub . Дата обращения: 15 марта 2013. Архивировано 16 марта 2013 года.
- ↑ Benjamin DeLillo. First WebGLU release . Bjartr.blogspot.com (2 октября 2009). Дата обращения: 14 мая 2011. Архивировано 12 апреля 2012 года.
- ↑ CopperLicht - JavaScript 3D Engine using WebGL . Дата обращения: 14 марта 2013. Архивировано 16 марта 2013 года.
- ↑ gwt-g3d - 3D library for GWT - Google Project Hosting . Дата обращения: 14 марта 2013. Архивировано 16 марта 2013 года.
- ↑ OSG.JS by cedricpinson . Дата обращения: 14 марта 2013. Архивировано 16 марта 2013 года.
- ↑ cjcliffe/CubicVR.js · GitHub . Дата обращения: 14 марта 2013. Архивировано 16 марта 2013 года.
- ↑ Официальный сайт Blend4Web - О проекте . Blend4Web.com. Дата обращения: 3 июля 2015. Архивировано 1 июля 2015 года.
- ↑ Verge3D . Soft8Soft. Дата обращения: 14 июня 2018. Архивировано 14 июня 2018 года.
- ↑ angleproject - ANGLE: Almost Native Graphics Layer Engine - Google Project Hosting . Дата обращения: 14 марта 2013. Архивировано 16 марта 2013 года.
Ссылки
править- Официальный сайт Архивировано 12 апреля 2012 года. (англ.).
- Preview of WebGL Архивная копия от 22 ноября 2016 на Wayback Machine (англ.) на YouTube.
- WebGL interactive models Архивная копия от 19 июня 2010 на Wayback Machine (англ.)
- Демо-приложение: человеческое тело Архивная копия от 4 февраля 2017 на Wayback Machine (англ.)
- www.DoesMyBrowserSupportWebGL.com
Для улучшения этой статьи желательно:
|