Библиотека WebGL для браузеров

Webgl

API WebGL расшифровывается как Web-based Graphics Library. Это дополнительная библиотека для языка JavaScript. При помощи неё создаются интерактивные 3D-элементы в веб-браузерах. Благодаря тому, что WebGL использует низкоуровневые аппаратные средства, часть его кода реализуется при помощи видеокарт, подключенных к конфигурации компьютеров.

С точки зрения веб-технологии WebGL — это спецификация, выполняющая отрисовку трёхмерной графики через элемент Canvas гипертекстовой разметки HTML. Через оболочку OpenGL ES 2.0 он обращается к ресурсам видеокарты, а также поддерживает опцию аппаратного ускорения браузера.

Как подключить?

Для использования WebGL необходим веб-обозреватель, обеспечивающий её функционирование (то есть полностью совместимый с ней).

Примечание. Можно включить WebGL в Firefox, Хроме, Опера и других распространённых популярных веб-обозревателях.

В отличие от платформ Adobe Flash, Java, Microsoft Silverlight, данная технология не нуждается в инсталляции дополнительных апплетов для ОС Windows и подключении к браузерам аддонов.

Для корректной работы WebGL также требуется Windows 7, 8 или 10 с последними обновлениями, а также актуальная видеокарта с последней версией драйвера.

Проверить работу графической платформы можно так:

1. Перейдите в используемом браузере по адресу — https://get.webgl.org/.

адрес

2. Тест запускается автоматически в независимости от выбранного браузера, будь то Google Chrome, Файрфокс или Yandex.

тест

Если модуль работает, вы увидите на страничке вращающийся куб. В противном случае появится сообщение о том, что нет поддержки (на англ. support) технологии, и рекомендации по её настройке.

Что делать, если не работает WebGL?

Общие рекомендации

1.Обновите систему:

  • нажмите кнопку «Пуск»;
  • откройте щелчком мыши «Панель управления»;
  • установите тип отображения «Категория»;
  • клацните заголовок раздела «Система и безопасность»;
панель управления
  • в подразделе «Центр обновления… » активируйте кликом «Проверка обновлений»;
  • дождитесь завершения проверки;
  • загрузите и установите все доступные обновления для Windows.
Проверка обновлений

2. Выполните диагностику DirectX:

  • нажмите Win+R;
  • в панели «Выполнить» задайте директиву — dxdiag;
панель «Выполнить»
  • нажмите «OK»;
  • разрешите утилите доступ в Сеть: в сообщении с запросом нажмите «Да»;
запрос

в открывшемся окне перейдите на вкладку «Экран»;

средство диагностики

ознакомьтесь с данными видеоадаптера и драйвера; если он работает правильно, в поле «Примечание» будет отображена надпись «Неполадок не найдено»;

3. Переустановите или обновите DirectX:

Данный вариант является альтернативой обновлению ОС. Если вы сделали апдейт, но DirectX выдаёт ошибки, отключен, некорректно работает, установите/обновите DirectX вручную:
перейдите на офсайт, страничку для скачивания — http://www.microsoft.com/ru-ru/download/details.aspx?id=35;

офсайт

нажмите кнопку «Скачать»;

на новой страничке кликните по ссылке «Отказаться и продолжить»;

загрузка

запустите онлайн-инсталлятор и внимательно следуйте его инструкциям;

по завершении процедуры перезагрузите компьютер.

4. Обновите драйвера видеокарты:

Это можно сделать двумя способами:
Способ №1. Нажмите вместе клавиши «Win» + «Break». В открывшемся окне пройдите по ссылке «Диспетчер устройств». В списке оборудования щелчком мышки откройте раздел «Видеоадаптеры». Кликните правой кнопкой по названию видеокарты. В контекстном меню нажмите «Обновить драйверы…». Далее следуйте подсказкам системы.

Диспетчер устройств

Способ №2. Откройте в браузере официальный сайт производителя видеокарты и перейдите в раздел «Загрузка драйверов» (например, Nvidia). Через строку внутреннего поиска или специальную форму задайте наименования и серию видеокарты, которая установлена на ваш ПК. Скачайте и установите драйвер в Windows.

Nvidia

Настройка и диагностика в браузерах

Firefox

1. Просмотрите список видеокарт, которые не поддерживают ускорение в браузере, на странице — https://wiki.mozilla.org/Blocklisting/Blocked_Graphics_Drivers#NVIDIA_cards.

Возможно, среди них есть и девайс конфигурации вашего ПК. В таком случае стоит задуматься о покупке нового «железа», а может быть и нового компьютера, чтобы воспользоваться WebGL в Firefox.

список видеокарт

2. Проверьте, включена ли опция ускорения:

в меню клацните раздел «Инструменты»;

меню

нажмите последний пункт в выпавшем подменю — «Настройки»;

перейдите на вкладку «Дополнительные»;

в блоке «Просмотр сайтов» из группы «Общие» убедитесь в том, что установлена «галочка» возле опции «По возможности использовать аппаратное ускорение».

дополнительные настройки

3. Если перед вами стоит задача, как включить WebGL принудительно посредством изменения внутренних настроек браузера, сделайте так:

в адресной строке FF наберите команду — about:config;

about:config

под текстом сообщения «Будьте осторожны… » нажмите «Я принимаю на себя риск»;

предупреждение

в строке «Поиск» задайте название настройки — webgl.force-enabled.

опция

в панели «имя/настройки» двойным щелчком измените её значение с false на true (то есть выполните включение).

изменение значения

Таким же образом включите опции:

  • webgl.msaa-force
  • layers.acceleration.force

Яндекс.Браузер

1. Первым делом в Яндекс.Браузере проверьте подключение ускорения. Откройте:

Меню → Настройки → Дополнительные настройки

меню

2. В блоке система проверьте статус опции «Использовать аппаратное ускорение… ». Она должна быть включена.

аппаратное ускорение

3. Чтобы выполнить диагностику настроек по обработке графики, наберите в адресной строке browser://gpu/

список параметров
В последней графе первого блока отображается статус подключения WebGL.

4. Дополнительно вы можете активировать программный рендеринг графики. Для этого перейдите на вкладку — browser://flags/

Клацните опцию «Включить» в блоке «Переопределение списка программного рендеринга».

рендеринг

Opera

В Opera по умолчанию отключена поддержка WebGL. Чтобы активировать модуль, обеспечивающий работу этой технологии, выполните эти действия:

в строке для ввода доменов наберите — flags;

нажмите «Enter»;

поиск опций

в поисковой строке панели «Экспериментальные функции» введите — webgl;

снова нажмите «Enter»;

в появившихся блоках щёлкните кнопку «Включить».

включение модуля

Google Chrome

1. Проверить опции по обработке графики можно набрав в строке веб-обозревателя — chrome://gpu.

chrome://gpu

2. Чтобы активировать рендеринг, перейдите на вкладку — chrome://flags. А затем в поле «Переопределение списка… » щёлкните «Включить».

включение надстройки

Вот и всё! Успешной вам настройки WebGL в браузерах!

Видео по теме:

  • Embedded thumbnail
  • Embedded thumbnail
  • Embedded thumbnail
  • Embedded thumbnail

Комментарии

Добавлено: 14.05.17

Помогло спасибо

Добавить комментарий

Filtered HTML

  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешённые HTML-теги: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.