Canvas Debug Overlay
Inspect Canvas game debug layers
Back to H5game.dev
Advertisement

Make invisible Canvas problems visible before release.

Plan hit boxes, touch zones, safe areas, and draw call states so H5 game debugging can quickly reveal scale, input, and layering issues.

hitboxesvisible
touch zones2 areas
safe areaenabled

Hit box review

Check whether characters, enemies, and item collision regions line up with artwork.

Touch zone review

Confirm that mobile controls and gesture regions are large enough for play.

Safe area review

Estimate notches, gesture bars, and landscape UI pressure before QA.