Your Name
← Back to works
Engine pluginReleased2024-11-05

Cocos Debug Draw

Lightweight runtime debug drawing for Cocos Creator — lines, boxes and collider visualization in one call.

The problem

While debugging collisions and AI behaviour in Cocos Creator, console.log is rarely enough — you need to see the shapes.

This plugin ships the most common debug primitives:

  • drawLine / drawRect / drawCircle
  • Toggles for collider and trigger visualization
  • Draw calls are compiled out of release builds automatically

Design trade-off

An early version used a component-based API, but it was verbose to use. It was rewritten as a global singleton with static methods, bringing the call cost down to a single line — which is the main reason teammates adopted it.