Three.js: Three.js не отображается в браузере WebKit (Chrome, Safari)

Это происходит только с этим примером?

Эта ошибка также встречается на http://svc.sl.marvulous.co.uk/raw2sculpt.html.

То же с google chromium V14.0.835.202

Ошибка создания контекста WebGL.
Uncaught TypeError: невозможно вызвать метод clearColor со значением null

Кто-то из моей команды также получает эту ошибку с хромом, но в нашем базовом приложении (которое в настоящее время представляет собой простой белый экран).

Когда я попросил его открыть одну из демонстраций ThreeJS, было сообщение «Недопустимая видеокарта» (и я думаю, что это правильное поведение). Однако, поскольку Firefox не выдал никаких ошибок, я попросил его загрузить точно такую ​​же демонстрацию (это была демонстрация Minecraft), но на этот раз браузер завис (сообщения «Недействительная видеокарта» отсутствует).

Не знаю, поможет ли это ...

Может это потому, что текстура больше 4096х4096? Я думаю, старые видеокарты (или новые, но хреновые) с этим не справятся. Кто-нибудь может подтвердить?

Ой! И ... это происходит в Chrome и Safari, но не в Firefox?

Он работает в Linux, поэтому мы не пробовали Safari.

Chrome: введите следующий текст и выведите на экране «Недопустимая графическая карта»
Firefox: ошибок нет, зависает во время выполнения WebGL (пришлось убивать firefox)

Three.js:294:: Error creating WebGL context.
Three.js:294:: Uncaught TypeError: Cannot call method 'clearColor' of null

Есть ли другой пример, показывающий эту ошибку?

Что вы здесь видите?

http://alteredqualia.com/tmp/webgl-maxparams-test/

Работают ли демонстрации WebGL, созданные без использования three.js?

Параметр WebGL MAX в firefox: http://pastebin.com/cF37iLes

Я не могу запустить эту страницу с помощью chrome, у меня ошибка:
Uncaught TypeError: невозможно прочитать свойство MAX_VERTEX_ATTRIBS, равное нулю

С firefox я могу смотреть другие демонстрации WebGL. Работает без зависаний (кроме демоверсий minecraft).

Получение тех же результатов, что и у arcanin и Damoun в Chrome 15.0.874.106 в Mac OS X 10.7.2 с Radeon 5870. Firefox 7.0.1 на той же машине работает правильно.

То же самое с Blocky Earth (http://www.clicktorelease.com/code/blocky_earth/) в Chrome 15.0.874.106 на MacOS X 10.6.8 с ATI Radeon HD 2600 Pro. Работал нормально в Firefox 7.0.1 (несмотря на то, что говорил, что нужен Firefox 9+)

И кубик тут крутится на этих настройках?

Похоже, что проблемы не только с WebGL на Mac:

http://twitter.com/#!/oosmoxiecode/status/131711805243400192

Как ни странно, Firefox работает нормально.

хром не работайте с руководством по началу работы.
но Firefox может

По-прежнему вижу ошибку, которую SinoBoeckmann описал в августе при посещении URL: http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

Сейчас декабрь 2011 года, и в safari 5.1.2 на 10.7.2 я вижу ту же ошибку, используя r46 из Three.js

Я не вижу ошибки в Chrome 16.0.92.

Было ли решение, которое я пропустил?

Постараемся это "исправить" для r47.

Я столкнулся с этой проблемой сейчас. Еще несколько недель назад все работало хорошо. Похоже, что Chrome молча обновил это, что вызвало у меня проблему. Я бегу 16.0.912.75

В Firefox 8.0.1 контекст создается, но очистка не работает.

@arodic у вас есть подробности? у вас проблема со всеми примерами?

Да, это было со всеми примерами, но теперь оно работает (после перезапуска Chrome) Странно ...

Магия! :)

Для справки, это основано на интегрированной графике Intel с драйверами mesa, она подвержена сбоям, поэтому Chrome отключает webgl. http://code.google.com/p/chromium/issues/detail?id=76703

При попытке дема-приложения со сферой в сцене у меня также появляется сообщение об ошибке:

Ошибка создания контекста WebGL.
Uncaught TypeError: невозможно вызвать метод getExtension со значением null

Это происходит в Chromium 22.0.1229.94 Ubuntu 12.10 (161065) на Lubuntu 12.10

такая же проблема здесь:

Ошибка создания контекста WebGL.
Uncaught TypeError: невозможно вызвать метод getExtension со значением null

MacBook4,1 OS X 10.6.8
Версия Chrome 23.0.1271.64

WebGL Paramtest:
ВЕРСИЯ: WebGL 1.0 (OpenGL ES 2.0 Chromium)
SHADING_LANGUAGE_VERSION: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)

только для записи (;

в кстати. ты не можешь переместить ответ сверху? Является ли это возможным?

Та же проблема работает на Chromium Portable на старом двухъядерном ноутбуке моего отца. Но при запуске Chromium Portable на моем новом компьютере все в порядке и как минимум на 10 кадров в секунду быстрее, чем в Chrome.

Хех, у меня сегодня такая же ошибка! Вчера все работало без сбоев и в моем коде ничего не изменилось. Контекст Canvas 3D просто не может инициализироваться по какой-то причине.

Я использую 32-разрядную версию Ubuntu 12.10 с драйвером Intel mesa и отключенным черным списком Chrome GPU
Chrome версии 24.0.1312.69

Пробовали перезапустить браузер?

Я получил эту ошибку минуту назад:

Error: Cannot call method 'getExtension' of null
at initGL (http://.../three.js:24868:34)
at new THREE.WebGLRenderer (http://.../three.js:17693:2)

Перезапустил Chrome (версия 24.0.1312.57 м), и он ушел. Не было ожидающих обновлений Chrome. Странно, но тревожно.

Я использую OSX 10.8.2. Моя демонстрация работает в Google Chrome (24.0.1312.57) и Firefox (18.0.2), но не в Safari (6.0.2). См. Демонстрацию здесь: http://www.timseverien.nl/random/seismomap/

PS. Перезапуск Safari не работает.

@timseverien Какую версию three.js вы используете? Работают ли другие элементы webgl на вашей установке Safari?

Эй, перезапуск браузера в моем случае тоже не помогает.

Но после того, как я перезапустил всю систему - она ​​прошла и теперь работает так же, как и раньше.
Похоже, что это какой-то сбой в цепочке Browser WebGL -> Graphics Driver.

@mrdoob после перепроверки на http://get.webgl.org/ это действительно похоже на ошибку Safari. Зачем реализовывать функцию, которая не работает? Да ладно, я использую r55, если это еще имеет значение. Спасибо, в любом случае!

похоже, ошибка Chrome тоже, сегодня удалось воспроизвести ее снова.
Проверено на http://get.webgl.org/ и не работает. Черт...

Привет! Впервые познакомился с WebGL и Three.js, и я думаю, что это фантастика, но при написании примера с начала страницы он работает только в Chrome при использовании renderer = new THREE.CanvasRenderer(); . Если я использую renderer = new THREE.WebGLRenderer(); он работает только в Firefox. Я провел тест в последних версиях обоих исследователей на Ubuntu. Может это просто проблема с моей видеокартой, но на всякий случай скажу.

Я нашел исправление для Chrome и Chromium.
Введите в адресной строке chrome: // flags и включите Переопределить список программной визуализации . Затем перезапустите браузер. WebGL теперь должен работать.

Работает!! В заключение. Большое спасибо, потому что было очень неприятно, что не удалось работать на Ubuntu с помощью Chrome :)

Но я думаю, что вам тоже нужно активировать GPU compositing on all pages потому что в противном случае некоторые страницы не отображаются должным образом; по крайней мере, в моем случае.

да, может быть, это тоже поможет. Я включил почти все, что смог найти, что касается рендеринга на GPU, ха-ха.

Я получаю ту же ошибку, что и https://github.com/mrdoob/three.js/issues/404#issuecomment -13455310

обновление: для меня теперь работает в Chrome. (Февраль 2014 г.)

Все еще воспроизводится

@AlexTiTanium Care, чтобы поделиться некоторыми подробностями?

У меня была такая же проблема с приложением, над которым я работал несколько недель / месяцев назад, которое работало, и сегодня я получил то же сообщение, что и https://github.com/mrdoob/three.js/issues/404# комментарий -13455310

Я попытался активировать (среди прочего) «Композицию GPU на всех страницах» в флагах Chrome, теперь он снова работает.

У меня MacBook под управлением 10.6.8 и Chrome 33.0.1750.152, и я получаю ту же ошибку. Firefox 28.0 сообщает об аналогичной ошибке: «Ошибка: WebGL: не удается получить пригодный для использования контекст WebGL. Ошибка типа: _gl имеет значение null. Ошибка при создании контекста WebGL».

Что интересно, у меня есть еще один MacBook (на этот раз Pro), на котором работают те же версии OSX и Chrome, и он там отлично работает («Переопределить программный рендеринг» и «композитинг gpu» включены на обоих).

@zeepeeare Я думаю, вам нужно обновить OSX до более новой версии на этой машине. Все дело в том, что браузеры заносят в черный список некоторые конфигурации из-за устаревших графических драйверов.

Отлично! вот в чем дело. По умолчанию Chrome не поддерживает аппаратное ускорение на устройстве Mac. Вам нужно перейти в настройки Chrome и включить его. также посмотрите chrome: // gpu / для справки.

"Я нашел исправление для Chrome и Chromium.
Введите в адресной строке chrome: // flags и включите Переопределить список программной визуализации. Затем перезапустите браузер. WebGL теперь должен работать. "- cipri-tom

У меня это сработало, спасибо.

Chrome, Ubuntu 15.04

Ubuntu 16.04

это произошло внезапно для меня после установки java и android sdk, я не думаю, что это связано, но кто знает ...

Ответ @DoisKoh исправил это, но сделал мое приложение намного медленнее, чем было.