Function debugPanel

debugPanel(props: DebugPanelProps): VNode

Create a debug panel widget.

The panel displays real-time debug information in a compact format. Position it in a corner using the position prop.

Parameters

props: DebugPanelProps
Debug panel props

Returns VNode

A VNode representing the debug panel

Example

// In your view function
app.view((state) => {
  return ui.layers([
    MainContent(state),
    debugPanel({
      stats: state.debugStats,
      fps: state.fps,
      frameTimeMs: state.frameTimeMs,
      showFps: true,
      showFrameTime: true,
      showErrors: true,
    }),
  ]);
});