Как включить WebGL в Chrome
Для активации интерфейса WebGL на Google Chrome потребуется:
- зайти в установки Google Chrome: chrome://settings;
- выбрать раздел «Дополнительные»;
- в подпункте «Система» активировать опцию «Использовать аппаратное ускорение»;
- перезагрузить приложение;
- зайти в раздел chrome://flags;
- посмотреть, выключена ли опция «отключить WebGL».
Новые версии Google Chrome потребуют лишь активации опции, отвечающей за WebGL. Чтобы найти соответствующий пункт, достаточно занести в поисковик слово «WebGL». В заключении потребуется зайти в chrome://gpu, чтобы проверить, запущен ли интерфейс.
Как включить WebGL в Firefox
Для запуска программы WebGL необходимо:
- зайти в раздел «Дополнительные» настроек браузера и активировать опцию «Использовать аппаратное ускорение»;
- набрать в строке браузера about:config;
- принять появившееся предупреждение;
- набрать в поисковую строку «force-enabled» и установить флаг «true»;
- проверить, стоит ли значение «false» у параметра disabled.
В заключении следует перезагрузить Firefox.
Как включить WebGL в Safari
Чтобы запустить интерфейс, вам потребуется:
- зайти в раздел «Настройки» и выбрать опцию «Дополнительно»;
- активировать параметр «Show Develop».
Также обязательно следует посмотреть, активирована ли опция «Enable WebGL».
Как включить WebGL в Opera
Чтобы запустить интерфейс WebGL в данном браузере, необходимо написать в строке поиска команду OPERA:CONFIG#ENABLE%20HARDWARE%20ACCELERATION, чтобы активировать аппаратное ускорение. Далее для запуска WebGL потребуется набрать в поисковой строке фразу OPERA:CONFIG#ENABLE%20WEBGL.
WebGL Установка и настройка
Технически, вам не нужно ничего, кроме браузера, чтобы начать разработку на WebGL. Зайдите на jsfiddle.net, jsbin.com или codepen.io и просто начните выполнять уроки.
На всех указанных ресурсах при желании можно добавлять внешние скрипты через пару тегов .
Но здесь не без ограничений. WebGL имеет более строгие ограничения по сравнению с Canvas2D при загрузке изображений — вы не сможете запросто использовать изображения по всему интернету. Кроме того, работа будет идти быстрее, когда всё находится на локальной машине.
Предположим, что вы хотите запускать и редактировать примеры с этого сайта. Для начала нужно скачать сам сайт по этой ссылке.
Распакуйте архив в какую-нибудь директорию.
Используем небольшой и простой веб-сервер
Вот один из очень простых серверов с интерфейсом под названием Servez.
Если вы используете браузер Chrome, есть ещё более простое решение. Вот небольшое расширение для chrome, которое выполняет роль веб-сервера
Просто укажите ему директорию с распакованными файлами, кликните на «Start», затем откройте в браузере страницу http://localhost:8080/webgl/ и найдите необходимый пример.
Если вы предпочитаете командную строку, то можно использовать node.js. Скачайте и установите его, затем откройте командную строку / консоль / терминал. На Windows установщик добавит «Командную строку Node», которую и нужно использовать.
Затем установите servez командой
npm -g install servez Для OSX используйте
sudo npm -g install servez А после установки запустите
servez путь/к/распакованным/файлам На экране должно показаться что-то вроде
Теперь можно в браузере перейти по адресу http://localhost:8080/webgl/ .
Без указания пути servez будет использовать текущую папку.
Использование инструментов разработки браузера
Большинство браузеров имеют встроенные инструменты разработки.
Документация для Chrome находится здесь, Для Firefox — здесь.
Посмотрите, как их можно использовать. В худшем случае всегда можно глянуть в консоль JavaScript. Если существует какая-то проблема, то скорей всего будет и сообщение об ошибке. Посмотрите внимательно на это сообщение, оно даст подсказку, где искать проблему.
Помощники WebGL
Также существуют разнообразные помощники / инспекторы для WebGL. Вот один из них для Chrome.
В Firefox тоже есть похожий. Его нужно активировать в about:flags , также может потребоваться Firefox Developer Edition.
Они могут стать полезными, а могут и не стать. Большинство из них предназначены для анимированных сэмплов, они могут захватывать кадр и показывают все вызовы WebGL, которые формируют этот кадр. Они отлично подойдут, если уже что-то работает или если что-то работало и внезапно сломалось. Но от них мало проку, если у вас проблемы при инициализации, или если вы не используете анимацию, где нужно отрисовывать каждый кадр. Всё же они могут быть очень полезными. Я часто проверяю uniform-переменные при вызове отрисовки. Если я вижу кучу NaN (NaN = Not a Number, то есть Не число), я проверяю код, отвечающий за установку этих переменных, и нахожу ошибку.
Инспектор кода
Также помните про инспектор кода. Мы можете запросто просмотреть исходный код.
Даже когда вы не можете кликнуть правой кнопкой на странице, или если код находится в отдельном файле, можно всегда просмотреть код через инструменты разработчика.
Приступаем к работе
Надеюсь, это поможет вам начать работу. Теперь обратно к урокам.
- Основы
- Основы WebGL
- Как работает WebGL
- Шейдеры и GLSL в WebGL
- WebGL State Diagram
- Обработка изображений в WebGL
- Продолжаем обработку изображений в WebGL
- 2D-перенос в WebGL
- 2D-поворот в WebGL
- 2D-масштабирование в WebGL
- 2D-матрицы в WebGL
- WebGL 3D — Ортогональ
- WebGL 3D — Перспектива
- WebGL 3D — Камеры
- WebGL 3D — Направленное освещение
- WebGL 3D — Точечное освещение
- WebGL 3D — Прожектор
- WebGL — Меньше кода, больше веселья
- WebGL — Отрисовка нескольких объектов
- WebGL — Графы сцены
- WebGL 3D — Создание модели
- Loading .obj files
- Loading .obj w .mtl files
- WebGL 3D — Текстуры
- WebGL — Данные для текстур
- WebGL — Использование 2 и более текстур
- WebGL — Кросс-доменные изображения
- WebGL 3D — Перспективная коррекция текстур
- Planar and Perspective Projection Mapping
- WebGL — Рендеринг в текстуру
- Shadows
- 2D
- WebGL 2D — DrawImage
- WebGL 2D — Стек матриц
- Sprites
- Cubemaps
- Environment maps
- Skyboxes
- Skinning
- Fog
- Picking (clicking on stuff)
- WebGL текст — HTML
- WebGL текст — Canvas 2D
- WebGL текст — Используем текстуру
- WebGL текст — Используем глиф-текстуру
- Ramp Textures (Toon Shading)
- GPGPU
- Smallest Programs
- Drawing Without Data
- Shadertoy
- Pulling Vertices
- Indexed Vertices (gl.drawElements)
- Instanced Drawing
- WebGL Установка и настройка
- Шаблон WebGL
- Изменение размера Canvas в WebGL
- WebGL — Анимация
- Points, Lines, and Triangles
- Multiple Views, Multiple Canvases
- Visualizing the Camera
- WebGL и прозрачность
- WebGL — 2D и 3D библиотеки
- WebGL — Антипаттерны
- WebGL Matrices vs Math Matrices
- Precision Issues
- Taking a screenshot
- Prevent the Canvas Being Cleared
- Get Keyboard Input From a Canvas
- Use WebGL as Background in HTML
- Cross Platform Issues
- Questions and Answers
- Attributes
- Texture Units
- Framebuffers
- readPixels
- References
- Документация по вспомогательным функциям
- TWGL, лёгкая библиотека-помощник для WebGL
- github
Как включить WebGL для заблокированных графических карт в Firefox
WebGL потрясающий. Взгляните на X-Wing или от первого лица тетрис в Firefox. Что вы имеете в виду, что это не работает?
Моему ноутбуку два года, но, несмотря на разумную выделенную видеокарту, в Firefox отключен WebGL. Определенные графические процессоры Mozilla в зависимости от номера версии драйвера, т.е.
- Для карт NVIDIA требуется драйвер с номером 8.17.12.5721 или выше
- Карты AMD / ATI 8.741.0.0 или выше
- Для карт Intel обычно требуется 6.14.11 для XP, 7.15.10 для Vista или 8.15.10 для 7 (хотя некоторые продукты полностью заблокированы)
- Mac требует ОС версии 10.6 или новее
В общем, черный список это хорошая вещь. Вы не хотите, чтобы WebGL ломал браузер, потому что ваша карта не поддерживает нужное количество единиц Z / Stencil ROP, 128-битный HDR с плавающей запятой, анизотропную фильтрацию текстур или какую-то другую причудливую функцию, которую никто не понимает.
К сожалению, производители оборудования перестают выпускать драйверы для устаревших продуктов (все, что было выпущено до прошлого вторника) . В некоторых случаях ваш поставщик ПК будет настаивать на выпуске своих собственных модифицированных обновлений драйверов, и нет никакой гарантии, что они это сделают. Ваша видеокарта может быть WebGL-совместимой, но она будет заблокирована в Firefox, если версия драйвера 0.0.0.1 стоит за утвержденным списком. Введите «about: support» в адресную строку и прокрутите вниз до раздела «Графика» внизу, чтобы узнать, подходит ли ваша карта.
И все, что вы, пользователи Chrome, можете перестать хихикать – Google вскоре добавляет в свой браузер черные списки графических процессоров.
Большое Красное Предупреждение
Мы собираемся обойти черный список Firefox GPU. Это глупая вещь, которая включает в себя работу с опасными настройками конфигурации. Делайте это на свой страх и риск: я не могу взять на себя ответственность за любые катастрофические сбои ПК, мигрени, чумы, взрывы или самовозгорание людей, вызванные этими изменениями … Но риск играть в X-Wing стоит того !
Здесь быть драконами
Введите about: config в адресную строку Firefox и внесите следующие изменения:
- Чтобы включить WebGL, установите для webgl.force-enabled значение true .
- Чтобы включить Layers Acceleration, установите для layer.acceleration.force-enabled значение true
- Чтобы включить Direct2D в Windows Vista / 7, установите для gfx.direct2d.force-enabled значение true
Теперь скрестите пальцы, перезапустите Firefox и попробуйте запустить приложение WebGL. Вероятно, лучше всего отменить эти изменения, если с вашего компьютера начинает литься дым.
Webgl как включить в firefox
Если вы пользуетесь браузером Firefox и при попытке зайти, например, в кроссплатформенную игру My Free Circus вы получаете сообщение, что вам нужно установить WebGL, то вам стоит сначала проверить установлен ли он у вас.
Для этого вы можете зайти на страницу https://get.webgl.org/
Если вы получаете подобное сообщение, то ваш браузер поддерживает WebGL:
Тогда вам стоит проверить настройки в самом браузере Firefox.
Для этого зайдите в правом углу на настройки. Откройте слева закладку «Дополнительные» и проверьте установлена ли галочка рядом с фразой «По возможности использовать аппаратное ускорение».
Если галочка установлена, а вы всё равно получаете сообщение, то вы можете попробовать принудительно включить WebGL.
Введите в адресную строку браузера Firefox следующее: about:config Источник: http://firefox-me.ru/archives/101
Перед вами откроется страница с запросом подтверждения. Нажмите на кнопку «Я принимаю на себя риск!».
Введите в поиск: webgl.force-enabled . Двойным нажатием правой кнопки мышки установите значение «true».
Затем введите в поиск вверху: webgl.disabled . Убедитесь, что значение установлено как «false».
После этого перезагрузите браузер и попробуйте вновь зайти в игру.
Sign up for our newsletter now
Always get the latest news about your favorite games! Sign up for the newsletter now and information about promotions and events will be directly sent to your email inbox.
- Домашний сайт компании
- upjers Блог
- Импрессум
- Политика конфиденциальности
- Общие положения