Мини-статистика

Мини-статистика - это легкий графический индикатор ключевых показателей производительности приложения. Он показывает количество вызовов отрисовки, время кадра, загрузку ЦП и (где поддерживается) загрузку ГП.

Пользователи редактора могут включить панель мини-статистики через меню кнопки Launch:

Клик по мини-статистике будет переключать между тремя поддерживаемыми размерами:

Отображаемая информация следующая:

• DrawCalls - Количество отрисованных объектов, отправляемых каждый кадр. Каждый вызов отрисовки имеет стоимость на ЦП и ГП, поэтому имеет смысл минимизировать это число.
• Frame - Общее время в миллисекундах, которое требуется браузеру для обработки каждого кадра.
• GPU - Показывает время в миллисекундах, за которое ГП отрисовывает каждый кадр. Эта статистика отображается только если базовая реализация WebGL поддерживает расширение EXT_disjoint_timer_query (WebGL 1.0) или EXT_disjoint_timer_query_webgl2 (WebGL 2.0). Вы можете убедиться, что ваш браузер поддерживает одно из этих расширений, посетив WebGL Report.
• CPU - Показывает время в миллисекундах, за которое ЦП отрисовывает каждый кадр.

Графики ЦП и ГП отображают разбивку обновления и отрисовки кадра с использованием красного и зеленого цветов соответственно.

Использование мини-статистики вне редактора

Хотя панель мини-статистики встроена в страницу Launch редактора, вы также можете использовать ее независимо от редактора. Исходный код можно найти здесь. Просто соберите playcanvas-extras.js, включите его в свой проект и вызовите:

    const miniStats = new pcx.MiniStats(app);

'Engine-only' примеры все это делают.