Debug Viewer

The qc.DebugViewer component can be add on UIText or Dom node for displaying fps and time consumption information.

  • FPS - Frames per second
  • Draw Calls - Draw calls count, only valid in WebGL mode
  • Total - Total millisecond consumed every frame (Logic + Render)
  • Logic - The millisecond consumed of logical scripts every frame(PreUpdate + Update + postUpdate)
  • Render - The millisecond consumed for rendering
nodeMask = text.addScript('qc.DebugViewer');

Inspector Panel

  • Debug On: If checked, the trace information will be output in console
  • Duration: The statistics interval by second

Demo

DebugView