FConsole - инструмент для отладки Canvas/WebGL приложений

Буквально вчера выложил в открытый доступ первую рабочую версию консоли для отладки Canvas/WebGL приложений FConsole. Если вы всегда хотели редактировать свойства визуальных объектов без изменения исходного кода, а так же без сложностей просматривать всю иерархию визуальных объектов, то прошу под кат.


* На скриншоте представлена Flash-Console, которая бралась в качестве примера при разработке FConsole



Demo

Demo | Demo Source

Возможности


Display List Inspector

Иерархия визуальных объектов
Позволяет просматривать иерархию визуальных объектов, которые находятся под курсором.



Редактирование свойств
Позволяет редактировать свойства визуальных объектов, без необходимости изменения исходного кода (например, может быть полезно в выравнивании объектов).



Совместимости

На данный момент консоль работает только с Pixi.js, но в архитектуре зависимостей заложена возможность расширения и написания адаптеров для разных графических движков. Следующий запланированный адаптер — EaselJS.

P.S.

Это мой первый опыт в open-source проектах под HTML5/JS/Typescript, поэтому, буду благодарен если сообщество подскажет очевидные недочёты, которые сразу могут бросаться в глаза опытным разработчикам.

Ну и вообще, любой фидбек и запросы фич только приветствуются!
  • +10

Комментарии (1)

0
Выглядит отлично, вечерком потестирую! Спасибо за проделанную работу, думал сам такую штуку сделать, потому что использовал движок Egret и в нем есть плагин для хрома, а вот у Pixi.js такого нету, и это расстраивало.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.