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

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

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

  • язык гипертекстовой разметки 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.

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

1. Какие версии браузеров поддерживают функцию WebGL

271-0-0be724bea45debe19904bdff93940e45.jpg

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

2. Включение WebGL в браузере Chome (Хром)

271-1-0be724bea45debe19904bdff93940e45.jpg

Если ваш браузер Хром поддерживает WebGL, следуйте этим инструкциям, чтобы он заработал:

Во-первых, включить аппаратное ускорение:

Перейдите  в chrome://settings

Нажмите кнопку + Показать дополнительные настройки

В разделе Система, найдите пункт Использование аппаратного ускорение включите кликнув на флажок ( и далее вам необходимо перезапустить Chrome для того чтобы изменения вступили в силу)

Затем включите WebGL:

Перейти в chrome://flags

Найдите пункт Включить прототип WebGL 2.0

Убедитесь в том, что WebGL активирован (вам необходимо перезапустить Chrome чтобы любые изменения вступили в силу)

Затем проверьте состояние WebGL:

Перейти в chrome://gpu

Найдите элемент WebGL: Hardware accelerated в списке Graphics Feature Status. Надпись Hardware accelerated должна гореть зеленым

Только программное обеспечение, аппаратное ускорение недоступно — WebGL включен, но работает в программном обеспечении. Смотрите здесь для получения дополнительной информации: «Для программного рендеринга WebGL, Chrome использует SwiftShader, программное обеспечение GL растеризатор».

Недоступен — WebGL недоступен в аппаратном или программном обеспечении.

Если ваша видеокарта / драйверы находятся в черном списке, вы можете переопределить черный список. Внимание: это не рекомендуется делать! Что делать чтобы изменить черный список:

Перейти в chrome://flags

Активируйте настройки списка рендеринга Override программного обеспечения (далее вам необходимо перезапустить Chrome для любых изменения вступили в силу).

3. Как включить WebGL в Chrome на Ubuntu?

271-2-0be724bea45debe19904bdff93940e45.jpg

Чтобы WebGL работал в Google Chrome (и Chromium), выполните следующие действия для включения WebGL в Google Chrome.

Шаг 1. Откройте Google Chrome.

Шаг 2. Введите chrome://flags в адресной строке.

Шаг 3: Нажмите Ctrl + f и введите « Rendering list », «Переопределить список рендеринга программ», нажмите «Включить и перезапустить браузер».

Шаг 4: Полностью убейте Chrome: killall chrome в консоль.

Шаг 5: Перейдите в chrome://settings и enable. Use hardware acceleration when available .По умолчанию он выключен с версии 43. 

Это можно сделать так:

WebGL или Web Graphics Library — это не что иное, как JavaScript API, который помогает отображать интерактивную 2D и 3D графику в любом поддерживающем веб-браузере без использования сторонних плагинов. Он хорошо работает вместе с веб-стандартами, что позволяет использовать ускорение графического процессора для визуализации графики и физики как части веб-страницы. Это значительно влияет на улучшение общей производительности веб-страницы. Он поддерживается в различных веб-браузерах, таких как Microsoft Edge, Google Chrome, Mozilla Firefox и других. Но иногда он не работает должным образом или не включен; сегодня мы узнаем, как это исправить.

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

Сегодня мы рассмотрим, как исправить эту проблему в ваших обновленных браузерах.

  1. Вручную включить WebGL в Chrome или Firefox
  2. Обновите драйвер видеокарты.

1] вручную включить WebGL в Chrome или Firefox

Прежде всего, откройте Google Chrome и нажмите кнопку «Меню» (нажав на кнопку с тремя точками в правом верхнем углу). Далее нажмите на Настройки. Прокрутите вниз, чтобы найти кнопку с надписью Advanced и нажмите на нее.

Disable-hardware-acceleration.png

В разделе под названием «Система» включите «Использовать аппаратное ускорение», если он доступен.

Запустите снова  Гугл Хром.

Когда он снова запустится, введите chrome://gpu/   в адресной строке и нажмите клавишу Enter.

Chrome-Status-APIs.png

Это покажет, включён WebGL или нет.

Кроме того, вы можете открыть браузер Google Chrome и перейти по следующему адресу: chrome://flags. Найдите Отключить WebGL в поле поиска в верхней части страницы. Переключите соответствующую запись в Отключено. Перезапустите Google Chrome, чтобы изменения вступили в силу.

Это позволит использовать сенсорный интерфейс в Google Chrome.

Пользователи Firefox могут сделать следующее. Чтобы включить аппаратное ускорение в Firefox, откройте браузер → Параметры.

disable-hardware-acceleration-in-Firefox-and-Chrome.jpg

Теперь в разделе Главное, прокрутите немного вниз, чтобы увидеть Производительность. Здесь отметьте опцию Использовать аппаратное ускорение, когда доступно.

Перезапустите Firefox.

2] Обновите драйвер видеокарты

Из меню Win+X откройте диспетчер устройств. Разверните список с надписью «Видеоадаптеры».

Device-Manager-Display-Adapters.jpg

Щелкните правой кнопкой мыши список вашей графической карты NVIDIA и выберите Включить. Теперь снова щелкните по нему правой кнопкой мыши и выберите «Обновить драйвер».

Откроется новое окно. На этом, нажмите на Поиск автоматически для обновления программного обеспечения драйвера.

Если Windows сейчас обнаружит вашу видеокарту и последнюю версию драйвера для нее, то отлично! Иначе, действуйте следующим образом:

  1. Щелкните правой кнопкой мыши еще раз и выберите «Обновить драйвер».
  2. Нажмите «Просмотреть мой компьютер» для получения программного обеспечения.
  3. Нажмите «Позвольте мне выбрать из списка драйверов устройств на моем компьютере».
  4. Выберите совместимый драйвер для вашего компьютера с именем NVIDIA Graphic Card и продолжайте.

На этом процесс окончен. Затем перезагрузите компьютер, чтобы изменения вступили в силу. Это поможет вам обновить графический драйвер.

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

  • http://composs.ru/vozmozhnosti-texnologii-webgl/
  • https://geekcifer.ru/list/kak-vklyuchit-webgl-v-brauzere-chrome
  • https://ip-calculator.ru/blog/ask/webgl-ne-podderzhivaetsya-v-firefox-ili-chrome-reshenie-problemy/

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