Инструменты отладки WebGL? - PullRequest
3 голосов
/ 20 апреля 2011

Я ищу инструменты отладки и проверки WebGL - что-то вроде FireBug for WebGL.

Любые рекомендации?

Ответы [ 4 ]

5 голосов
/ 20 апреля 2011

Только что нашел инспектора WebGL. Он претендует на звание передового инструментария отладки WebGL. Я лично еще не пробовал.

http://benvanik.github.com/WebGL-Inspector/

0 голосов
/ 05 мая 2017

Я опробовал WebGL Inspector, WebGL Insight и Spector.js.

Первые два, кажется, имеют большинство функций, если вы можете заставить их работать. К сожалению, у WebGL Inspector есть проблемы с упаковщиками, и я использую webpack. На странице Github есть несколько предостережений по установке, чтобы заставить его работать с упаковщиками, но это довольно небрежно.

Кто-то из раздела Обзоры для WebGL Insight говорит, что он может работать только в том случае, если ваш <canvas> загружен с самого начала. Я снова попытался переместить создание холста в index.html в качестве разметки, но не смог заставить его работать.

Spector.js был единственным, который работал для меня из коробки. Его набор функций более минимален, но вы можете по крайней мере увидеть состояние каждого кадра и трассировки стека.

0 голосов
/ 09 января 2016

WebGL Inspector - очень хороший инструмент, но в пользовательском интерфейсе много глюков.Я также могу порекомендовать Canvas отладчик и Shader Editor в инструментах отладчика FireFox (по умолчанию они отключены, и вы должны включить их в настройках)

0 голосов
/ 19 января 2012

Как уже упоминалось выше, WebGL-Inspector - это инструмент, позволяющий анализировать текстуры и буферы, передаваемые в шейдерные программы. Для проблем низкого уровня необходимы расширенные инструменты, которые отслеживают вызовы API драйвера, потребление памяти и т. Д.

В зависимости от используемой ОС вы можете использовать отладчики OpenGL / DirectX и прикрепить их к своему браузеру.

...