Learning on Web Dev Open is free for all.

Immersive Web > Budgets, accessibility and the black screenDebugging a black screen
Phase 07Budgets, accessibility and the black screen373 of 434

Debugging a black screen

No error, no warning, nothing rendered. Work the checklist in order until something appears, because guessing takes an afternoon.

Build35 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Diagnose a blank canvas systematically
  • Read a shader compile log and a context-lost event
  • Isolate whether the problem is geometry, camera, material or context
Ask the community

Loading…