Андрей Смирнов
Время чтения: ~7 мин.
Просмотров: 4

API WebGL заблокирован в Яндекс браузере что делать

Современные интернет ресурсы требуют современных технологий, поэтому работа в этом направлении идет полным ходом и не останавливается. Любой крупный и не очень сайт использует сейчас целый набор средств по разработке и модернизации. Они могу включать:

  • язык гипертекстовой разметки HTML – база верстки;
  • скриптовый язык PHP для создания сценариев и работы с пользователем;
  • ООЯП JavaScript работы с объектами приложений и придания веб-страницам интерактивности;
  • каскадные таблицы стилей CSS для создания красивых шаблонов фона, оформления тегов и шрифтов.
  • различные СУБД, основной для которых практически всегда становится SQL.

По праву, JavaScript можно назвать одним из самых важных компонентов этого списка. Именно на его основе написаны такие инструменты, как AJAX, jQuery, WebGL.

Что такое WebGL

WebGL является кроссплатформенным программным интерфейсом приложения для браузеров, позволяющий им отображать 3D графику. Это один из немногих достойных конкурентов Canvas от HTML 5. Разработчики практически всех ведущих и популярных браузеров состоят в группе Khronos и вместе развивают WebGL и реализуют его в связи с особенностями своих приложений.webgl_kak_vklyuchit_v_brauzerah1.jpg

Основные функции

Сегодня WebGL применяется для:

  • отображения векторных и растровых изображений на сайтах;
  • для создания красивых анимированных фонов;
  • построения графиков и диаграмм;
  • анимации;
  • динамических заставок;
  • браузерных 2D и 3D игр.

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

Любые данные, используемые для отображения элементов должны быть переданы в графический процессор. Существует 4 способа для получения шейдером этих данных:

  • атрибуты и буферы (массивы координат);
  • uniform-переменные, т.е глобальные переменные;
  • текстуры, массивы, содержащие растровые изображения или заливку;
  • varying-переменные, т.е переменные для передачи данных из вершинного шейдера в фрагментный.

  Лучшие почтовые клиенты для Android

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

Поддерживаемые версии браузеров

Технология поддерживается следующими версия браузеров:

  • GoogleChrome, включен во всех версии начиная с 9;
  • Opera, реализован в последней версии 12.0;
  • MozillaFirefox, доступен для всех платформ с нужной видеокартой и драйверами, начиная с версии 4.0;
  • Safari, поддерживает технологию, но она отключена по умолчанию;
  • Internet Explorer, не поддерживает технологию официально, просмотр доступен с плагинами IEWebGL или Chrome Frame.

В случае, если у обозревателя нет поддержки технологии или она выключена, пользователь получить подобное сообщение: «your browser does not support webgl», что в переводе означает – «Ваш браузер не поддерживает WebGL».

Как включить WebGL?

В большинстве приложений технология включена по умолчанию, однако может случиться так, что при удалении каких-либо настроек или их очистке, пункт с WebGL будет сброшен. Следующие подразделы содержат инструкции по его активации в наиболее популярных браузерах.

Google Chrome

Для включения WebGL в Google Chrome необходимо:

  • запустить приложение;
  • перейти в chrome://settings, введя строку в адресной строке;webgl_kak_vklyuchit_v_brauzerah2.jpg
  • пролистать вниз, найти пункт «Дополнительные» и раскрыть его;
  • выбрать вкладку «Система» и убедиться, что параметр «Использовать аппаратное ускорение» включен;webgl_kak_vklyuchit_v_brauzerah3.jpg
  • перезапустить программу;
  • перейти в chrome://flags;
  • убедиться, что параметр «отключить WebGL» не активен. В новых версиях достаточно ввести в поле поиска «WebGL» и включить его, если он неактивен;webgl_kak_vklyuchit_v_brauzerah4.jpg
  • проверить состояние включения, перейдя в chrome://gpu.webgl_kak_vklyuchit_v_brauzerah5.jpg

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

Так как Яндекс.Браузер создан на основе Chromium, то для него будут работать все те же действия, что и для Google Chrome. Необходимо:

  • перейти в browser://gpu/;webgl_kak_vklyuchit_v_brauzerah6.jpg
  • найти раздел Graphics Feature Status и добиться, чтобы все его элементы или хотя бы «WebGL» были зелеными;webgl_kak_vklyuchit_v_brauzerah7.jpg
  • для этого следует перейти в browser://flags, найти пункты #ignore-gpu-blacklist и #enable-gpu-rasterization и включить их.

  Настройка популярных почтовых клиентов для работы с Яндекс.Почтой

Опера

Для включения компонента в Опере необходимо:

  1. Прописать в адресной строке OPERA:CONFIG#ENABLE%20HARDWARE%20ACCELERATION. Это включит аппаратное ускорение.webgl_kak_vklyuchit_v_brauzerah8.jpg
  2. Прописать в адресной строке OPERA:CONFIG#ENABLE%20WEBGL. Это включит саму технологию.

Mozilla Firefox

Для включения необходимо:

  • перейти в настройки, открыть «Дополнительные» и проверить включение параметра «Использовать аппаратное ускорение»;webgl_kak_vklyuchit_v_brauzerah9.jpg
  • перейти в about:config;
  • согласиться с предупреждением;
  • ввести в поиск force-enabled и установить значение на «true»;
  • перейти к поиску и найти disabled, убедиться, что значение стоит «false»;
  • Перезапустить браузер.

Safari

Для активации необходимо:

  • перейти в настройки браузера;
  • выбрать вкладку «Дополнительно»;
  • поставить флаг «Show Develop», если он не стоит;
  • в меню разработчика убедиться, что флаг напротив «Enable WebGL» установлен.webgl_kak_vklyuchit_v_brauzerah10.jpg

Проблемы с драйверами

Если вышеописанные способы не помогают, то следует обновить драйвера видеокарт или заменить сами карты, если они устарели и уже не могут поддерживать аппаратное ускорение и отображение графики в современных браузерах.

Для проверки работоспособности для каждого браузера можно воспользоваться сервисом webgl.org, который покажет, активирована ли в браузере технология WebGL.

Читайте также:

WebGL (Web Graphics Library) is a JavaScript API for rendering high-performance interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins. WebGL does so by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 element with either the canvas scripting API or the WebGL API to draw graphics and animations.»> elements. This conformance makes it possible for the API to take advantage of hardware graphics acceleration provided by the user’s device.

Support for WebGL is present in Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+, and Microsoft Edge build 10240+; however, the user’s device must also have hardware that supports these features.

The WebGL 2 API introduces support for much of the OpenGL ES 3.0 feature set; it’s provided through the element.»>WebGL2RenderingContext interface.

The element with either the canvas scripting API or the WebGL API to draw graphics and animations.»> element is also used by the Canvas API to do 2D graphics on web pages.

Reference

Standard interfaces

Навигация:

WebGL – это специальное расширение для веб-обозревателей, которое позволяет взаимодействовать им напрямую с видеокартой компьютера. Когда пользователям необходимо запрашивать у видеокарты рабочую мощность, браузер делает это в обход Java и прочих элементов, которые часто пытаются преградить путь. Эта функция позволяет в результате отстроить до мелочей проработанную трехмерную картинку на любом сайте в самом браузере. А значит, что с WebGL вы сможете отображать любые фигуры и модели на основе заранее написанного кода.

Поддержка большого количества библиотек

Для упрощения пользователям работы с WebGL разработчики внедрили в программу различные крупные библиотеки. Приведу в пример несколько из них, и возможности, которые можете получить при использовании WebGL библиотек.

webgl.png

Библиотека WebGLU:

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

Библиотека Three JS:

three-js.png

  • Несколько вариантов рендеров;
  • Большое количество видов анимации и кинематики;
  • Возможность выбирать источник света (внешний, внутренний, или направленный);
  • Разнообразные заранее предустановленные плоские и трехмерные фигуры (сфера, круг, многоугольники, многогранники, плоскости, текст, и прочие модели);
  • Поддерживает загрузки многих типов данных;
  • Возможность добавления теней, тумана, всевозможных шейдеров, и прочих дополнений.

Библиотека Babylon JS:

babylon-js.png

  • Возможность сглаживать или заострять объекты;
  • Поддержка нескольких типов рабочих движков (для работы со звуком, анимацией, или физикой);
  • Возможность выбирать источник света (внешний, внутренний, или направленный);
  • Поддерживает разные виды анимации;
  • Огромные возможности используемых текстур;
  • Около девяти видов поддерживаемых камер.

Внедрение полученной трехмерной картинки в Яндекс Браузер

Плюсом программы является то, что не нужно WebGL скачивать для Яндекс Браузера, так как всё действие происходит на страницах сайтов. Если вы задавались вопросом, как включить результат работы в Yandex Browser, то:

  1. Введите в поисковой строке веб-обозревателя browser://gpu/, после этого откроется соответственное меню; komanda-browser-gpu.png
  2. Отыщите раздел Graphics Feature Status и добейтесь того, чтобы все его пункты горели зеленым цветом; graphics-feature-status.png
  3. Затем с помощью строки поиска найдите и включите следующие два параметра: #ignore-gpu-blacklist и #enable-gpu-rasterization.

Системные требования

  • Браузер Google Chrome;
  • Браузер Firefox;
  • Браузер Safari;
  • Браузер Opera;
  • Браузер

Преимущества

  • Манипуляции с трехмерной графикой;
  • Несложность в освоении;
  • Большое количество встроенных библиотек и прочих функций;
  • Возможность создание картинок и интерфейсов;
  • Работает без установки дополнительной программы или расширения.

Используемые источники:

  • http://composs.ru/vozmozhnosti-texnologii-webgl/
  • https://developer.mozilla.org/docs/webgl
  • https://xn—-8sbcrj6cdv7h.xn--p1ai/webgl-v-yandex-browser.html

Рейтинг автора
5
Подборку подготовил
Максим Уваров
Наш эксперт
Написано статей
171
Ссылка на основную публикацию
Похожие публикации