Cocos Creator Inspector

Описание плагина

Этот плагин представляет собой расширение для Chrome, разработанное с целью облегчения отладки игр на основе Cocos Creator в среде Chrome.

В процессе разработки неизбежно возникают проблемы: почему добавленные изображения не отображаются, почему есть смещение в расположении изображений и т. д. В общем, мы, как программисты, каждый день задаёмся вопросом: «Что я сделал не так?» Было бы замечательно иметь возможность просматривать дерево узлов игры во время её выполнения.

Итак...

CC-Inspector появился благодаря этой потребности. На данный момент плагин позволяет просматривать информацию о дереве узлов сцены во время выполнения, включая координаты, масштаб, цвет, прозрачность и дополнительные компоненты. В свойствах визуального состояния узла предусмотрены кнопки Показать/Скрыть, которые напрямую влияют на визуальное состояние узла во время выполнения. Неожиданно, не правда ли?

Хотя текущая версия имеет ограниченные функции, она обладает высокой практичностью. В будущих версиях планируется разработка новых функций, таких как изменение координат и масштаба узлов. Также будет добавлена важная функция — возможность динамически изменять свойства компонентов, прикреплённых к узлам, и выполнять их функции. Это будет настоящим прорывом!

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

Адрес темы на форуме

http://forum.cocos.com/t/chrome-creator/55669

Установка плагина

• Скачать пакет установки
• Посмотреть инструкцию по установке

Как использовать

• Запустите игру, созданную с помощью Cocos Creator, в браузере Chrome.
• Откройте Инструменты разработчика (F12), и вы увидите новый пункт меню Cocos.
• Нажмите кнопку Обновить, чтобы просмотреть дерево узлов во время выполнения игры. Слева находятся узлы, а справа — информация о них.
  • В списке свойств узла есть кнопка управления отображением/скрытием, которая напрямую влияет на эффект игры во время выполнения.
  • Список свойств узла показывает все компоненты, прикреплённые к этому узлу. В настоящее время можно только просматривать имена компонентов, но не редактировать их.

Технологии, использованные при разработке

• Разработка расширения для Chrome
• Vue + Webpack
• Element-UI
• Cocos Creator

Помощь в разработке

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

Контакты

QQ группа: 224756137